在網頁設計過程中,有時需要在文字下方加一個橫線來分隔內容,這篇文章將教你如何用CSS畫根橫線。
首先,在HTML文件中,用p標簽包裹需要加橫線的內容。
<p>需要加橫線的內容</p>
接著,在CSS文件中定義p標簽的樣式。我們需要用border-bottom屬性來定義下方的邊框,再指定邊框的樣式、顏色和寬度。
p { border-bottom: 1px solid black; }
這段代碼會在每個p標簽下方添加1像素寬的、黑色的實線。
如果要讓橫線不占據整個p標簽的寬度,可以用width屬性指定寬度。例如:
p { border-bottom: 2px dashed blue; width: 50%; }
這段代碼會在每個p標簽下方添加2像素寬的、藍色的虛線,寬度為父元素(容器)寬度的50%。
以上就是用CSS畫根橫線的方法,你可以根據需要調整樣式和參數。
上一篇css怎么看rgb
下一篇css怎么禁止列表滾動