H I O X INDIA
免费的CSS教程
 首页   ||  教程  ||  脚本  || 支持 english Español Français Deutsch

的CSS话题
导言
类型
背景属性
文本属性
字体属性
盒子属性
边界属性
保证金属性
填充属性
专题
请询问您的疑问
反馈



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>

结果:
测试边界宽度





一个注记
的CSS -层叠样式表可以用来与HTML标记的解释这个网站。 这简单的CSS将帮助您创建更优雅和简洁的HTML网页。 这并不需要任何额外的软件或编码。 所有网络浏览器能够处理的CSS代码。

注2 :如果需要,您可以使用不是
标签。 DIV标记将开始和结束在新的行。跨度不会超过标签领域。


privacy policy     license
© 2004-2005 HIOX INDIA - hioxindia.com