CSS中的橫線被稱為“border-bottom”,它是一種常見的樣式屬性,會在元素的底部繪制一條水平線。
在CSS中,可以使用“border-bottom”屬性來指定橫線的顏色、寬度、樣式等屬性。例如:
border-bottom: 1px solid black;
上述代碼將創建一條寬度為1像素、顏色為黑色、實線樣式的橫線。
除了使用直接的CSS屬性之外,我們還可以利用CSS框架或預處理器來快速添加橫線。Bootstrap框架中的“hr
”標簽就可以創建一條默認樣式的橫線:
要自定義Bootstrap的橫線,可以在“hr
”標簽中添加CSS類,例如:
然后在CSS中設置“my-custom-line”類的樣式:
.my-custom-line { border-bottom: 2px dotted red; }
上述代碼將創建一條寬度為2像素、顏色為紅色、點狀虛線樣式的橫線。
總的來說,在CSS中使用橫線可以讓頁面布局更加清晰明了,提高可讀性和美觀度。
下一篇css中的框模型