900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > 设置边框大小html css border-width属性设置边框宽度

设置边框大小html css border-width属性设置边框宽度

时间:2022-07-06 21:58:12

相关推荐

设置边框大小html css border-width属性设置边框宽度

border-width介绍

border-width属性设置一个元素的四个边框的宽度。在CSS初学者阶段,我们都是建议采用像素做单位。

border-width属性可以有一到四个值。

如果提供全部四个参数值,将按上、右、下、左的顺序作用于四边。

如果只提供一个,将用于全部的四边。

如果提供两个,第一个用于上、下,第二个用于左、右。

如果提供三个,第一个用于上,第二个用于左、右,第三个用于下。

如果border-style设置为none或hidden,border-width的使用值将为0。

CSS border-width属性值

cssborder-width属性取值如下表:

描述

thin

定义细的边框。

medium

默认。定义中等的边框。

thick

定义粗的边框。

length

允许您自定义边框的宽度。

inherit

规定应该从父元素继承边框宽度。

在WEB网站开发中,一般建议使用px像素作为border-width的单位,例如:border-width:1px;表示四个边框的宽度为1个像素。

border-width实例

设置p元素四个边框的宽度:

/article/1198.html

p.one{

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.

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。