首页 > 代码库 > 边界与边框,列表与方块

边界与边框,列表与方块

border   (表格边框,样式等)、margin    (表外边距)、padding      (内容与单元格间距)

border:5px    solid      blue       四边框:5像素宽、实线、蓝色(相当于以下三行)

border-width:      5px;

border-style:       solid;

border-color:       blue;

border-top:      5px     solid     blue;      上边框:  5像素宽、实线、蓝色

border-bottom:        5px      solid        blue;         下边框:       5像素宽      、实线      、蓝色

border-left:      5px     solid     blue;          左边框

border-right:      5px     solid     blue;        右边框

margin:     10px;     四边外边框宽度为10像素。auto,居中

margin-top:10px;            上边框宽度为10像素,其他三边框类似

margin:     20px       0px        20px      0px       上-右-下-左,四边外边框顺时针顺序

padding:     10px;      内容与边框的四边间距为10像素

padding-top:      10px;          内容与边框的上边距为10像素,其他三边类似

padding:    20px         0px        20px        0px         内容与边框的四边间距顺时针顺序

width、height、(top、bottom、left、right)只有在绝对坐标下才使用

list-style:   none;        取消序号

list-style:        circle        序号变为圆,样式相当于无序

list-style-image:       url;           图片做序号

list-style-position:     outside;          序号在内容外

list-style-position:         inside;         序号跟内容在一起

 

不得不说代码记起来比较容易混,程序的新语言学起来还是比较费时的,不过 我想我会把它学好的。

边界与边框,列表与方块