边界与边框，列表与方块

Posted 2020-09-19 失恋副作用

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;         序号跟内容在一起

 

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