CSS border-bottom-style 属性

border-bottom-style 属性用于设置元素底部边框的样式。该属性可以接受以下几种值：

• none：无边框
• hidden：和 none 类似，但是在分页时会产生边框
• dotted：点状边框
• dashed：虚线边框
• solid：实线边框
• double：双线边框
• groove：3D凹槽边框
• ridge：3D凸起边框
• inset：3D内嵌边框
• outset：3D外凸边框

语法

selector {
  border-bottom-style: value;
}

示例

// www.javascriptcn.com code example
/* 设置底部边框为实线 */
div {
  border-bottom-style: solid;
}

/* 设置底部边框为虚线 */
p {
  border-bottom-style: dashed;
}

在实际开发中，我们可以根据设计需求选择不同的 border-bottom-style 值来美化元素的底部边框。