18-css列表-边框详解

Posted 2021-03-04 xiang-liang

关于列表属性的介绍
　　list-style:列表的图片
语法：
　　list-style:list-style-image || list-style-position || list-style-type
　　列表的样式：列表的图片 列表的符号位置 列表的样式
　　list-style:none; 不要列表的符号

CSS控制边框属性

　　设置边框粗细 border-top-width:12px;
　　设置边框的样式 border-top-style:solid[实线]、deshed[虚线]
　　设置边框的颜色 border-top-color:red;
　　设置某一边框属性的简捷方式 border-边框位置(top/right/bottom/left)：线宽 线型 颜色;

　　设置某一元素四条边框属性的简捷方式[仅限于四条边框 border:线宽 线型 颜色; 属性完全相同]
　　如果只写border，则后面要跟着的是，三个不同的子属性，第一个是粗细，第二个是样式 ，第三个是颜色
　　例：
　　　　边框样式：粗细为两个像素 实线 蓝色
　　　　border:2px solid blue

*******css小技巧：上来第一步：就先将你用到元素的内外边距，归零
　　【1】、让盒子，水平居中。将对象左右外边界，设置为auto；
　　【2】、让盒子中的内容，垂直居中，设置行高=盒子的高度，但是不要有换行。
　　【3】、我们在调试的时候，可以适当加背景颜色。