在 CSS 中,可以使用 <hr> 標簽來創建水平線。 <hr> 元素是塊級元素,即會獨占一行。
hr { display: block; margin-top: 0.5em; margin-bottom: 0.5em; margin-left: auto; margin-right: auto; border-style: inset; border-width: 1px; }
在 CSS 代碼中,可以看到通過設置 <hr> 元素的 display 屬性為 block,使其成為塊級元素。然后,通過設置 margin 屬性來控制水平線的間距及位置。
如果不想讓水平線獨占一行,可以使用 CSS 樣式來改變。比如可以使用 float 屬性來使其浮動到一邊,或者使用 inline-block 屬性來讓其與其他內容在同一行顯示。
hr { display: inline-block; border-style: inset; border-width: 1px; width: 50%; }
上面的 CSS 代碼會讓 <hr> 元素變為內聯級元素,并且設置其寬度為 50%,讓其與其他內容在同一行顯示。
總之,在使用 <hr> 標簽時,可以通過適當的 CSS 樣式來控制它在頁面中的位置和顯示方式,讓其更好地適應頁面布局。
上一篇css中hr怎么設置顏色
下一篇mysql殺進城