说明:
"border-width" 属性如果单独使用则不起作用,要先使用 "border-style" 属性来设置边框。
css border-width属性
border-width属性设置一个元素的四个边框的宽度。
属性值:
值 | 描述 |
---|---|
thin | 定义细的边框。 |
medium | 默认。定义中等的边框。 |
thick | 定义粗的边框。 |
length | 允许您自定义边框的宽度。 |
border-width属性可以有一到四个值。
实例:
1 |
|
上边框是细边框
右边框是中等边框
下边框是粗边框
左边框是 10px 宽的边框
1 |
|
上边框是细边框
右边框和左边框是中等边框
下边框是粗边框
1 |
|
上边框和下边框是细边框
右边框和左边框是中等边框
1 |
|
所有4个边框都是细边框
(学习视频分享:css视频教程)
以上就是css怎么设置边框的宽度的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
更多相关阅读请进入《css》频道 >>

Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者