码迷,mamicode.com
首页 > 其他好文 > 详细

边框与边距

时间:2016-10-31 21:09:04      阅读:154      评论:0      收藏:0      [点我收藏+]

标签:简易   十六进制   6.2   简化   上下   自动   ble   border   ...   

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

 

边框与边距

标签:简易   十六进制   6.2   简化   上下   自动   ble   border   ...   

原文地址:http://www.cnblogs.com/yjh1604600160/p/6016982.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!