多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
**border-bottom** * 描述:复合属性。设置对象下边框属性。 * 版本:CSS1 * 继承性:无 **语法** ``` border-bottom: border-bottom-width | border-bottom-style | border-bottom-color; ``` 颜色种类 * border-bottom-width:设置边框的宽度。 * border-bottom-style:设置边框的样式。 * border-bottom-color:设置边框的颜色。 * inherit:设置从父元素继承 border 的属性。 **使用说明** 虽然有三个参数可以设置,并不强制全部设置。如:border-bottom:solid #ff0000; 若使用该复合属性定义其单个参数,则其他参数的默认值将无条件覆盖各自对应的单个属性设置。 **代码示例** ``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>border-bottom</title> <style> #container{ width: 50px; height: 50px; border-style: solid; border-bottom: 5px dotted #ff0000; } </style> </head> <body> <div id="container"> </div> </body> </html> ``` ![border-bottom](https://box.kancloud.cn/3d01cf0b44534dfcd5e88342f61dc24a_68x64.png)