admin 发表于 2022-3-21 22:06:43

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

深圳网站建设之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以下不支持),圆角和边框没关系
总结:元素加边框后,元素会变大。

页: [1]
查看完整版本: 深圳网站建设之css边框属性