边框与边距

Posted 加号与剑豪

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了边框与边距相关的知识,希望对你有一定的参考价值。

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

 

以上是关于边框与边距的主要内容,如果未能解决你的问题,请参考以下文章

关于css盒子边框、内边距、外边距

边框和边距

HTML5+CSS——11盒子模型-边框、内边距、外边距

内边距、边框和外边距(三)

JTextField 边距不适用于边框

是否可以使用 CSS 在边距之外添加边框?