常用CSS边框样式属性有:
border
|
边框
|
border-top
|
上边框
|
border-left
|
左边框
|
border-right
|
右边框
|
border-bottom
|
下边框
|
border-color
|
边框颜色
|
border-stytle
|
边框样式
|
border-width
|
边框宽度
|
border-top-color
|
上边框颜色
|
border-left-color
|
左边框颜色
|
border-right-color
|
右边框颜色
|
border-bottom-color
|
下边框颜色
|
border-top-stytle
|
上边框样式
|
border-left-stytle
|
左边框样式
|
border-right-stytle
|
右边框样式
|
border-bottom-stytle
|
下边框样式
|
border-top-width
|
上边框宽度
|
border-left-width
|
左边框宽度
|
border-right-width
|
右边框宽度
|
border-bottom-width
|
下边框宽度
|
注意:border-width 主要控制元素边框的宽度有以下四种设置方法,
(1)、设置一个值:4个边框共同使用;
(2)、设置两个值:上下调用第一个值,左右调用第二个值;
(3)、设置三个值:上边框调用第一个值,左右调用第二个值,下调用第三个值;
(4)、设置四个值:依次为上-右-下-左的顺序。
基本语法:
border-width:value
border-top-width:value
border-left-width:value
border-right-width:value
border-bottom-width:value
例如:
上面的例子中定义了边框宽度和边框样式。