该属性可以接受三个值，分别是边框宽度、边框样式和边框颜色。以下是 border-bottom 属性的基本语法：
border-bottom: border-width border-style border-color;
各个子属性的说明如下：
1. border-width： 用于设置底部边框的宽度。可以是一个具体的长度值，如像素、百分比，也可以是关键词值如 thin、medium、thick。
border-bottom-width: 2px; /* 具体长度值 */
border-bottom-width: medium; /* 关键词值 */
2. border-style： 用于设置底部边框的样式。常见的样式包括 solid、dashed、dotted、double 等。
border-bottom-style: solid; /* 实线 */
border-bottom-style: dashed; /* 虚线 */
border-bottom-style: dotted; /* 点线 */
border-bottom-style: double; /* 双线 */
3. border-color： 用于设置底部边框的颜色。可以是一个颜色值。
border-bottom-color: #3498db; /* 单个颜色值 */
例如：
.element {
border-bottom: 2px dashed #3498db;
}
上述代码设置了元素的底部边框宽度为2像素，样式为虚线，颜色为蓝色。
转载请注明出处：http://www.pingtaimeng.com/article/detail/6001/CSS