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

border-width介绍

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

border-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元素四个边框的宽度：

http://www.manongjc.com/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.

Note: The "border-width" property does not work if it is used alone. Use the "border-style" property to set the borders first.

设置边框大小html,css border-width属性设置边框宽度相关推荐

html设置表单透明度,css利用transparent属性设置透明度的方法
css利用transparent属性设置透明度的方法发布时间:2020-09-14 13:44:46 来源:亿速云阅读:188 作者:小新这篇文章主要介绍css利用transparent属性设置 ...
设置字体大小用css的哪个属性,css设置字体大小的属性名是什么
css设置字体大小的属性名是"font-size",该属性使用css中表示尺寸的单位(px.em.rem等)设置字体大小,也可以使用百分号等单位来设置.实际上font-size设置 ...
CSS基础样式属性设置
文章目录 css基础样式与属性设置一.宽和高二.字体属性 1. font-family:文字字体 2.font-size:字体大小 3.font-weight:文字粗细 4.font-style: ...
css 背景效果_css透明度怎么设置？三种css图片透明度的设置方法
css透明度的设置在网页的设计中是经常需要用到的,有时为了设计出的网页更加的美观,会对图片进行透明化处理,这样网页上面的内容就不会看不见,有的网页因为图片作为背景,也会更加美观,那么,css中的透明度 ...
【响应式Web前端设计】css如何设置边框的圆角样式？border-radius属性设置圆角样式（图文）
border-radius包含5种设置圆角样式方式: border-radius :同时设置4个边框的圆角样式. border-top-left-radius :设置左上角边框的圆角样式. borde ...
CSS的背景属性设置(背景颜色、背景图片、背景平铺、背景附着、背景复合写法)
文章目录 1 背景颜色 2 背景图片 3 背景平铺 4 背景图片位置 5 背景图像固定(背景附着) 6 背景复合写法 7 背景色半透明 8 背景总结案例:五彩导航通过CSS背景属性,可以给页面元素 ...
html中加边框的例子,css如何给图片加上边框示例
css的应用十分广泛,即便用在图片的效果中也是方法多样,下面就介绍五种为图片添加特殊效果边框的CSS写法阴影效果通过使用带有一些padding之的背景图来添加阴影效果. HTMLCSS img.s ...
css画带边框三角形,纯CSS画三角形（带边框）
实例一: Title .find-div-body{ position: relative; top:30px; right:0px; width:400px; height:200px; paddi ...
html设置文本域的,HTML-文本域属性设置
1.设置文本域的字体输入内容 2.设置文本域的背景色输入内容 3.文本域的虚线边框设置输入内容 4.文本域的实线边框设置输入内容 5.文本域的点线边框设置输入内容 6. 设置文本域的背景图 ...
android 设置字体大小和不同颜色,Android代码中设置字体大小，字体颜色，显示两种颜色.倒计时效果...
Android代码中设置字体大小,字体颜色,显示两种颜色在xml文件中字体大小用的像素 android:id="@+id/uppaid_time" android:layout_ ...

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

设置边框大小html,css border-width属性设置边框宽度相关推荐

最新文章

热门文章