HR元素是CSS中非常重要的一個元素,主要用于分隔內容,還有其他多種用法。
<hr>
在最簡單的用法中,HR元素只是一個用于水平分割線的標記,創(chuàng)建了一條常用的水平分割線。
<hr />
還可以通過HTML屬性來控制HR的寬度,對齊方式和顏色等屬性。
<hr width="80%" align="center" color="red">
以上代碼設置了HR的寬度為80%,對齊方式為居中,顏色為紅色。
除此之外,還可以在HR元素之間添加一些內容,比如文本或者圖片等,實現(xiàn)一些更加復雜的分隔效果。
<hr> <p>這是一段文本。</p> <hr>
以上代碼實現(xiàn)了在兩條HR之間添加了一段文本,實現(xiàn)了一個較為復雜的分隔效果。
同時還可以通過CSS來調整HR元素的樣式,包括改變顏色、高度、寬度和邊框等屬性,實現(xiàn)更加多樣化的分割效果。
hr {
color: red;
background-color: #ccc;
height: 5px;
border: none;
}
以上代碼將HR元素的顏色改為紅色,背景色改為灰色,高度設置為5px,邊框設置為無。
總之,HR元素是CSS中非常重要的元素之一,具有非常廣泛的應用場景,可以實現(xiàn)各種各樣的分割效果。
上一篇css里rgba格式