ThinkChat🤖让你学习和工作更高效,注册即送10W Token,即刻开启你的AI之旅 广告
**border-bottom-style** * 描述:设置对象下边框的样式。 * 版本:CSS1 * 继承性:无 **语法** ``` border-bottom-style: 样式值; ``` 样式值 * none:无轮廓。border-color 将被忽略,border-width 计算值为 0,除非边框轮廓为图像,即:border-image。 * hidden:隐藏边框。 * dotted:点状轮廓。 * dashed:虚线轮廓。 * solid:实线轮廓 * double:双线轮廓。两条单线与其间隔的和等于指定的border-width值 * groove:3D凹槽轮廓。 * ridge:3D凸槽轮廓。 * inset:3D凹边轮廓。 * outset:3D凸边轮廓。 **使用说明** 该属性仅对下边框的样式进行设置。 如果 border-width 等于 0,该属性无效。 **代码示例** ``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>border-bottom-style</title> <style> #container{ width: 50px; height: 50px; border: solid #000000; border-bottom-style: dotted; } </style> </head> <body> <div id="container"> </div> </body> </html> ``` ![border-bottom-style](https://box.kancloud.cn/86177c4a5e7cd2f359f3f5b28d747f32_66x66.png)