css学习 -- 5

列表样式：

list-style-type:

 

列表图片样式：
list-style-image : url()

list-style-positon:

 

可以直接使用life-style简化，同时更改上面三个样式（一个样式中定义多个属性）

 

设置表格边框及颜色：

正常为双线边框，因为th,td都有自己的边框

border-collapse : collapse

 

其中百分比方式是针对页面大小的百分比

 

表格文本对齐：

text-align : left / right / center （水平方向）

vertical-align : bottom / top / center （垂直方向）

 

表格内边距：表格中内容和边框的距离

padding:15px

 

 

border-spacing:表格内容和边框距离，属性值可以填一个/两个

caption-side:标题位置，可选值：top / bottom

empty-cells:hide 隐藏空表格边框

td width可以设置百分比，强制决定表格列的宽度，但是可以用table-layout:automatic设置为自动调整

 

 

轮廓（outline）：

轮廓是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。

CSS outline 属性规定元素轮廓的样式、颜色和宽度。

outline-style可选值

outline-width可能的值，也可以手动设值