CSS层叠样式表边框宽度

如何使用样式表控制边框的宽度?

解释

属性

: 边界宽度
用法:
border-width: 5px;
border-width: 5pt;
border-width: 2%;
定义:

任何对象的边框宽度可使用标记/参数border-width来进行设置。 border-width在未指定边框样式时不会产生效果。边框样式可使用"border-style"来进行设置。
边框宽度可以通过以下的值给出。
a)5px:边框宽度可以用像素来设置。
b)5pt:边框宽度可以使用点来设置。
c)1%:边框宽度可以使用百分数来设置。

示例1:

<div style="border-width: 4px; border-style: solid; border-color: red; ">测试边界宽度</div>
结果:

测试边界宽度

示例2:

<font style="border-width: 5pt; border-style: solid; border-color: #454545;">测试边界宽度</font>
结果:
测试边界宽度

示例3:

<div style="border-width: 2%; border-style: solid; border-color: rgb(125,125,125);">测试边界宽度</div>
结果:

测试边界宽度