深圳网站建设之css边框属性

admin

深圳网站建设之css边框属性边框有3要素：边框类型、边框颜色、边框厚度
a) 边框类型
语法：border-style:值
取值：
（1）solid实线
（2）dashed虚线
（3）dotted点线
（4）double双线


b) 边框颜色
语法：border-color:颜色值


c) 边框厚度
语法：border-width:尺寸值


d) 一次性写好
语法：border:类型 颜色 宽度



e) 单独方向的边框设置
语法：
（1）上边框：border-top:三要素
（2）左边框：border-left:三要素
（3）下边框：border-bottom:三要素
（4）有边框：border-right：三要素



f) 边框圆角
语法：border-radius:值
取值：可以是像素，也可以是百分比

多学一招：当盒子是正方形，圆角的值是边的一半或者百分比是50%的时候，是圆（ie8以下不支持），圆角和边框没关系
总结：元素加边框后，元素会变大。