border-bottom · CSS基础

## border-bottom 属性 ### 标签定义及使用说明 border-bottom缩写属性设置一个声明中所有底部边框属性。可以设置的属性分别（按顺序）：border-bottom-width, border-bottom-style,和border-bottom-color. 如果上述值缺少一个没有关系，例如border-bottom：＃FF0000;是允许的 JavaScript 语法:object object.style.borderBottom="3px solid blue" ***** ## Property Values | 值 | 描述 | | :-- | :-- | | *[border-bottom-width](https://www.w3cschool.cn/cssref/pr-border-bottom-width.html)* | 指定底部边框宽度 | | *[border-bottom-style](https://www.w3cschool.cn/cssref/pr-border-bottom-style.html)* | 指定底部边框样式 | | *[border-bottom-color](https://www.w3cschool.cn/cssref/pr-border-bottom_color.html)* | 指定底部边框颜色 | | inherit | 指定border-bottom 属性值，应该从父元素继承 | * * * **实例** ``` <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>W3Cschool教程(w3cschool.cn)</title> <style> p { border-style:solid; border-bottom:thick dotted #ff0000; } </style> </head> <body> <p>This is some text in a paragraph.</p> </body> </html> ```