在網頁設計中經常需要使用分割線來分隔不同的元素。最常用的分割線就是CSS的三條橫線了。以下是如何使用CSS三條橫線的方法:
p { border-bottom: 1px solid #000; }
上面的代碼將會給所有的p標簽下面添加一條寬度為1像素的黑色實線分割線。
hr { border: none; border-top: 1px solid #000; }
上面的代碼將會給所有的hr標簽上面添加一條寬度為1像素的黑色實線分割線。由于border屬性會覆蓋border-top屬性,所以border屬性要設置成none。
hr { border: none; border-top: 1px dashed #000; }
上面的代碼將會給所有的hr標簽上面添加一條寬度為1像素的黑色虛線分割線。通過改變border-top的樣式為dashed,實現了虛線的效果。