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

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



CSS层叠样式表边框属性


主题

处理边框... !



解释

属性: 边界

取代了分别对每个边框的设置,通过使用单个的边框标记用法就可以处理全部的边框:
border: <border-width> || <border-style> || <border-color> ;

定义:
这可以用来设置任何对象的边框。
a)border : 5px dotted green-使用边框标记来设置边框。 可以对边框的值或者指定的宽度、样式和颜色来进行设置。
标记可以对边框的四个边进行设置。

示例1:
<div style=" border : 2px dotted red ;"> 测试边界性能 </div>

结果:
测试边界性能



注意:在示例中我们使用了div标记。
但是你可以使用任何标准的html标记来设置边框的样式。


三个边框相同,而另外一个边框不同:
有些情况下,我们需要两个边框或者三个边框相同,而其他的边框不同。这种效果用如下示例可轻松实现

示例2:
<div style="
border : 2px dotted red ;
border-top: 3px dashed green;
">
测试边界性能 </div>

结果:
测试边界性能



定义:
首先我们可以使用边框属性把所有的边设置成相同的边框,然后我们可以使用"border-top"来设置/更改顶部边框。






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

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


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