CSS3中提供了一種新的屬性:border-bottom,它可以用來為一個元素的底部邊框添加樣式。
/* 基本語法 */ border-bottom: border-bottom-style border-bottom-width border-bottom-color;
border-bottom-style指定邊框的樣式,常用的有solid(實線)、dashed(虛線)和dotted(點線)。border-bottom-width指定邊框的寬度,可以使用像素、百分比和em作為單位。border-bottom-color指定邊框的顏色,可以使用具體的顏色名稱或RGB/HEX值。
此外,border-bottom還提供了一些縮寫方式方便快速設置樣式。
/* 縮寫方式 */ border-bottom: border-bottom-width border-bottom-style border-bottom-color; border-bottom: border-bottom-width border-bottom-color; border-bottom: border-bottom-style border-bottom-color;
可以看到,縮寫方式是可以省略某一屬性的。如果省略border-bottom-width,則默認為medium;如果省略border-bottom-style,則默認為none;如果省略border-bottom-color,則默認為當前文本顏色。
總的來說,border-bottom是一個很實用的CSS3屬性,可以讓頁面中的某些元素更加美觀。需要注意的是,如果同時使用了border和border-bottom,則以border-bottom為準。