border-bottom-style 属性的语法如下：
.element {
border-bottom-style: none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset;
}
其中，取值包括：
- none：无边框。
- hidden：与 none 类似，但在分页视图中边框会显示。
- dotted：点状边框。
- dashed：虚线边框。
- solid：实线边框。
- double：双线边框。
- groove：3D 凹槽边框。
- ridge：3D 垄状边框。
- inset：3D inset（内凹）边框。
- outset：3D outset（外凸）边框。
示例：
.element {
border-bottom-style: dashed;
}
在这个例子中，.element 元素的底部边框样式被设置为虚线（dashed）。
你也可以在 border 的缩写属性中同时设置边框的样式、宽度和颜色，例如：
.element {
border-bottom: 2px dashed #3498db;
}
这将产生与上述示例相同的结果，设置了底部边框的宽度为 2px，样式为虚线（dashed），颜色为蓝色（#3498db）。
通过使用 border-bottom-style，你可以单独设置元素底部边框的样式，以满足设计需求。
转载请注明出处：http://www.zyzy.cn/article/detail/4123/CSS