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"来设置/更改顶部边框。