CSS中的border_bottom
属性用于设置元素的下边框样式。
.example { border-bottom: 2px solid red; }
通过设置border_bottom
属性,可以改变元素底部边框的颜色、样式和宽度。其中,2px
是边框宽度,solid
是边框样式,red
是边框颜色。
该属性也可以单独设置底部左侧和右侧的边框,例如:
.example { border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; }
上面的代码将会把元素下方左右两侧的边框设置成圆弧形。
border_bottom
属性还可以通过简写方式设置元素的四个边框(上、下、左和右)的样式,例如:
.example { border: 1px solid black; border-bottom: none; }
上面的代码将会把元素的左、上、右边框设置成1像素的黑色实线,而底部边框则会消失。