在CSS中,我們可以使用border-bottom屬性來設置一個元素的下邊框樣式,如下:
element { border-bottom: [寬度] [樣式] [顏色]; }
其中,寬度可以為像素值、百分比、em和thin/medium/thick等,默認為medium;樣式可以為solid/dashed/dotted/double/groove/ridge/inset/outset/none,默認為none;顏色可以使用顏色值、rgb等。
在使用border-bottom屬性時,如果緊貼在下一個元素的上方,可能會給人一種"貼在一起"的感覺,這時,我們需要設置一定的下邊框間距。
我們可以通過padding-bottom屬性來設置下邊距,如下:
element { border-bottom: [寬度] [樣式] [顏色]; padding-bottom: [距離值]; }
其中,距離值可以設置為像素值、百分比、em等。
另外,也可以使用margin-bottom屬性來設置下邊距,但此時應該注意,如果下一個元素也有margin-top屬性,會導致兩個margin值重疊,使得下邊距無效。
因此,在普通文本布局中,常使用padding-bottom來設置下邊距。