2022年02月02日整理发布:css怎么设置边框的宽度

时间:2023-08-01 01:26:01       来源:互联网

在css中,可以使用边框宽度属性来设置边框的宽度。语法格式为“边框宽度:关键字|长度单位的数值;”;其中关键词可以是细(细边框)、中(中边框)和粗(粗边框)。

本教程操作环境:windows7系统,CSS3HTML5第5版,戴尔G3电脑。

设置css边框的宽度


【资料图】

!声明文档类型

超文本标记语言

meta charset="utf-8 "

风格

p.one

{

border-style : solid;

边框宽度:5 px;

}

第二页

{

border-style : solid;

边框宽度:毫米;

}

第三页

{

border-style : solid;

边框宽度:厚;

}

/style

/head

身体

Class=" one "一些文字。/p

P class="two "一些文本。/p

一些文字。/p

/body

/html渲染:

描述:

如果单独使用“边框宽度”属性,它将不起作用。首先,使用“边框样式”属性设置边框。

CSS border-width属性

边框宽度属性设置元素四个边框的宽度。

属性值:

值描述细定义了细边框。中等违约。定义一个中间边框。粗定义粗边框。长度允许您自定义边框的宽度。边框宽度属性可以有一到四个值。

示例:

边框宽度:英寸中厚10px上边框是细边框。

右边框是中框。

下边框是粗边框。

左边框宽10px。

边框宽度:英寸,中等厚度;上边框是细边框。

右边框和左边框是中边框。

下边框是粗边框。

边框宽度:英寸中等;上下边框是细边框。

右边框和左边框是中边框。

边框宽度:英寸;四个边框都是细边框。

(学习视频分享:css视频教程)以上就是css如何设置边框宽度的细节。请多关注php中文网站的其他相关文章!

来源:php中文网站

关键词: