首页 > 代码库 > 边框与边距

边框与边距

16.1css中的边框的使用
属性:
border-color 十六进制 上、右、下、左线颜色
英文名称 border-color:red;
三原色 (四边为红)
border-color:red green;
(上下红,左右绿)
border-color:red green blue;
(上红,左右绿,下蓝)
border-color:red green blue yellow;
(上红,右绿,下蓝,左黄)

border-style none 不显示边线
dotted 点线
dashed 虚线
solid 实线
double 双线

border-width 长度 border-width:0.2cm 0.3cm 0.4cm 0.5cm;
border-width: 1 2 3 4;

简化:border:长度 形态 颜色

16.2css中边界的使用
属性:
padding-bottom 长度/百分比 上
padding-left 长度/百分比 左
padding-bottom 长度/百分比 元件右端边线的空隙
padding-top 长度/百分比 上端

简易写法:padding:10px
padding:2px 4px
padding:2px 6px 10px
padding:1px 2px 3px 4px

margin系列属性介绍:
margin-bottom auto 自动调整空隙
长度/百分比 设置下端空隙
margin-left auto 自动调整空隙
长度/百分比 左端
margin-right auto .....
...... 右
margin-top auto .....
...... 上
简化:margin:2px 4px
margin:2px 6px 10px
margin:1px 2px 3px 4px
常用网页顶格设置:margin:0
gbelxrjzc6yq

 

边框与边距