边框-单独设置各边

 

    在CSS中，可以指定不同的侧面不同的边框：

 

    实例

 

p

 

{

 

    border-top-style:dotted;

 

    border-right-style:solid;

 

    border-bottom-style:dotted;

 

    border-left-style:solid;

 

}

 

    上面的例子也可以设置一个单一属性：

 

    实例

 

    border-style:dottedsolid;

 

    border-style属性可以有1-4个值：

 

    border-style:dottedsoliddoubledashed;

 

    上边框是dotted

 

    右边框是solid

 

    底边框是double

 

    左边框是dashed

 

    border-style:dottedsoliddouble;

 

    上边框是dotted

 

    左、右边框是solid

 

    底边框是double

 

    border-style:dottedsolid;

 

    上、底边框是dotted

 

    右、左边框是solid

 

    border-style:dotted;

 

    四面边框是dotted

 

    上面的例子用了border-style。然而，它也可以和border-width、border-color一起使用。

 

    边框-简写属性

 

    上面的例子用了很多属性来设置边框。

 

    你也可以在一个属性中设置边框。

 

    你可以在"border"属性中设置：

 

    border-width

 

    border-style(required)

 

    border-color

 

    实例

 

    border:5pxsolidred;