当前阅读教程:CSS入门到精通 > 下边框样式 border-bottom-style | |||||||||||||||||||||||||||||||||
阅读(22555525) 收藏 赞(5685) 分享 | |||||||||||||||||||||||||||||||||
上一篇: 下边框颜色 border-bottom-color | 下一篇: 下边框宽度 border-bottom-width | ||||||||||||||||||||||||||||||||
浏览器支持表格中的数字表示支持该属性的第一个浏览器版本号 属性定义及使用说明border-bottom-style属性设置元素底部边框样式。
属性值
实例代码<!doctype html> <html> <head> <meta charset="utf-8"> <title>下边框样式 border-bottom-style</title> <!--定义内部样式--> <style> p{border-style:solid;border-width: 5px;} .none {border-bottom-style:none;} .dotted {border-bottom-style:dotted;} .dashed {border-bottom-style:dashed;} .solid {border-bottom-style:solid;} .double {border-bottom-style:double;} .groove {border-bottom-style:groove;} .ridge {border-bottom-style:ridge;} .inset {border-bottom-style:inset;} .outset {border-bottom-style:outset;} </style> </head> <body> <p>无底边界。</p> <p>点底边界。</p> <p>虚线底边界。</p> <p>实线底边界。</p> <p>双线底边界。</p> <p>凹槽底边界。</p> <p>垄状底边界。</p> <p>嵌入底边界。</p> <p>外凸底边界。</p> </body> </html> 效果图 |
|||||||||||||||||||||||||||||||||
上一篇: 下边框颜色 border-bottom-color | 下一篇: 下边框宽度 border-bottom-width |