设置边框⼤⼩html,cssborder-width属性设置边框宽度border-width介绍
border-width属性设置⼀个元素的四个边框的宽度。在CSS初学者阶段,我们都是建议采⽤像素做单位。
htmlborderborder-width属性可以有⼀到四个值。
如果提供全部四个参数值,将按上、右、下、左的顺序作⽤于四边。
如果只提供⼀个,将⽤于全部的四边。
如果提供两个,第⼀个⽤于上、下,第⼆个⽤于左、右。
如果提供三个,第⼀个⽤于上,第⼆个⽤于左、右,第三个⽤于下。
如果border-style设置为none或hidden,border-width的使⽤值将为0。
CSS border-width属性值
css border-width属性取值如下表:
值
描述
thin
定义细的边框。
medium
默认。定义中等的边框。
thick
定义粗的边框。
length
允许您⾃定义边框的宽度。
inherit
规定应该从⽗元素继承边框宽度。
在WEB⽹站开发中,⼀般建议使⽤px像素作为border-width的单位,例如:border-width:1px;表⽰四个边框的宽度为1个像素。border-width 实例
设置p元素四个边框的宽度:
www.manongjc/article/1198.html
<{
border-style:solid;
border-width:5px;
}
p.two{
border-style:solid;
border-width:medium;
}
p.three{
border-style:solid;
border-width:1px;
}
Some text.
Some text.
Some text.
Note: The "border-width" property does not work if it is used alone. Use the "border-style" property to set the borders first. Note:
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论