列表list,混乱列表ul,有序列表ol

1.列表项款式list-style-type

无列表默认设置为dist实心圆,有序列表默认设置为decimal阿拉伯数(前边没有0)

别的混乱列表常见none无款式,circle中空圆,square实芯格子

有序列表常见decimal-leading-zero以0开始的数据,lower-roman、upper-roman小写字母、英文大写罗马数字,lower-alpha、upper-alpha小写字母、大写英文英文字母

ul.a {list-style-type: circle;}
ul.b {list-style-type: square;}
ol.c {list-style-type: upper-roman;}
ol.d {list-style-type: lower-alpha;}
比如所述设定后,显示信息的为

css列表标签list与表格标签table详解 table list css CSS/HTML  第1张

 2.列表项标记的图象list-style-image: url

ul { list-style-image: url('sqpurple.gif'); }

3.列表项标记的部位list-style-position

初始值outside,标记坐落于文本的左边,且置放在文本之外,围绕文本不依据标记两端对齐

inside,标记置放在文本之内,且围绕文本依据标记两端对齐

所述三个特性可结合在一起,根据list-style表明,次序为type、position、image,可依据必须挑选

比如ul { list-style: square url("sqpurple.gif"); }

表格table

1.外框border

假如仅应用border,比如table, th, td { border: 1px solid black; },获得的实际效果以下,由于th和td都是有分别的外框

css列表标签list与表格标签table详解 table list css CSS/HTML  第2张

可再根据border-collapse特性设定表格的外框被伸缩成一个单一的外框或分隔

table {border-collapse: collapse;}

table, td, th {border: 1px solid red;background-color:lightgray;color:green;text-align:center}

css列表标签list与表格标签table详解 table list css CSS/HTML  第3张

 

 2.表格总宽和高宽比,比如

table{width:100%;}
th{height:40px;}
tr{height:30px;}

3.表格内文本两端对齐方法

text-align水准两端对齐,vertical-align竖直两端对齐(设定竖直两端对齐方法时务必特定td的高宽比)