HR CSS樣式是網頁開發中常用的一種元素。HR代表“水平線”(Horizontal Rule),它可以在網頁中創建一條水平線,起到區分不同內容的作用。
在HTML中,我們可以使用<hr>標簽來創建一條水平線,但是這樣的水平線是無法進行樣式化的。因此,我們需要使用CSS來對水平線進行樣式修改。
/* 使用CSS樣式來修改水平線的樣式 */ hr { border: none; /* 去除默認邊框 */ height: 2px; /* 線的粗細 */ background-color: #ccc; /* 線的顏色 */ margin: 20px 0; /* 與其它元素的間距 */ }
上述CSS代碼中,我們對HR進行了以下幾種樣式修改:
- border: none;:去除HR的默認邊框
- height: 2px;:設置HR的粗細為2px
- background-color: #ccc;:將HR的顏色設置為灰色
- margin: 20px 0;:設置HR與其它元素的間距為20px
通過對HR進行樣式修改,我們可以使得網頁中的水平線更好地融入到整個頁面中,起到更好的美化和內容區分的作用。
下一篇css里面em