这篇文章给大家分享的是有关css怎么设置边框的宽度的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。
在长岛等地区,都构建了全面的区域性战略布局,加强发展的系统性、市场前瞻性、产品创新能力,以专注、极致的服务理念,为客户提供做网站、网站制作 网站设计制作按需设计网站,公司网站建设,企业网站建设,品牌网站建设,成都全网营销推广,外贸网站建设,长岛网站建设费用合理。
css的选择器可以分为三大类,即id选择器、class选择器、标签选择器。它们之间可以有多种组合,有后代选择器、子选择器、伪类选择器、通用选择器、群组选择器等等
在css中,可以使用border-width属性来设置边框的宽度,语法格式为“border-width:关键字|带长度单位的数值;”;其中,关键字可以是thin(细边框)、medium(中等边框)、thick(粗边框)。
本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
css设置边框的宽度
一些文本。
一些文本。
一些文本。
效果图:
说明:
"border-width" 属性如果单独使用则不起作用,要先使用 "border-style" 属性来设置边框。
css border-width属性
border-width属性设置一个元素的四个边框的宽度。
属性值:
值 | 描述 |
---|---|
thin | 定义细的边框。 |
medium | 默认。定义中等的边框。 |
thick | 定义粗的边框。 |
length | 允许您自定义边框的宽度。 |
border-width属性可以有一到四个值。
实例:
border-width:thin medium thick 10px;
上边框是细边框
右边框是中等边框
下边框是粗边框
左边框是 10px 宽的边框
border-width:thin medium thick;
上边框是细边框
右边框和左边框是中等边框
下边框是粗边框
border-width:thin medium;
上边框和下边框是细边框
右边框和左边框是中等边框
border-width:thin;
所有4个边框都是细边框
感谢各位的阅读!关于“css怎么设置边框的宽度”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!