首页 > 代码库 > 边界与边框,列表与方块
边界与边框,列表与方块
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; 序号跟内容在一起
不得不说代码记起来比较容易混,程序的新语言学起来还是比较费时的,不过 我想我会把它学好的。
边界与边框,列表与方块