当前阅读教程:CSS入门到精通 > 边框宽度 border-width | |||||||||||||||||||||
阅读(22555525) 收藏 赞(5685) 分享 | |||||||||||||||||||||
上一篇: 边框样式 border-style | 下一篇: 边框颜色 border-color | ||||||||||||||||||||
浏览器支持表格中的数字表示支持该属性的第一个浏览器版本号。 属性定义及使用说明border-width属性设置一个元素的四个边框的宽度。此属性可以有一到四个值。 代码解析border-width:thin medium thick 10px; n 上边框是细边框 n 右边框是中等边框 n 下边框是粗边框 n 左边框是 10px 宽的边框 border-width:thin medium thick; n 上边框是细边框 n 右边框和左边框是中等边框 n 下边框是粗边框 border-width:thin medium; n 上边框和下边框是细边框 n 右边框和左边框是中等边框 border-width:thin; n 所有4个边框都是细边框
属性值
实例代码<!doctype html> <html> <head> <meta charset="utf-8"> <title>边框宽度border-width </title> <!--定义内部样式--> <style> .css1 { border-style:solid;/*实线*/ border-width:5px;/*宽度*/ } .css2 { border-style:solid;/*实线*/ border-width:medium;/*宽度*/ } .css3 { border-style:solid;/*实线*/ border-width:1px;/*宽度*/ } </style> </head> <body>
<p>html入门到精通</p> <p>css入门到精通</p> <p>javascript入门到精通</p> <p><b>注意:</b> "border-width" 属性 如果单独使用则不起作用。要先使用 "border-style" 属性来设置边框。</p>
</body> </html>
效果图 |
|||||||||||||||||||||
上一篇: 边框样式 border-style | 下一篇: 边框颜色 border-color |