CSS-Table

首先说明:列(字体会加粗),列,行

1.普通表格















Firstname Lastname
Peter Griffin
Lois Griffin

CSS-Table_第1张图片
双边框.JPG

2.合并边框

table {
    border-collapse: collapse;
}

table, td, th {
    border: 1px solid black;
}

单边框.JPG

3.合并里面线


合并里面.JPG

4.Table Width and Height


CSS-Table_第2张图片
宽和高.JPG

5.水平对齐


CSS-Table_第4张图片
底对齐.JPG

6.Table Padding


CSS-Table_第5张图片
padding.JPG

7.水平分规


CSS-Table_第6张图片
t2.JPG

8.鼠标经过有东西的表格


CSS-Table_第7张图片
t3.JPG

9.有条纹的表格


CSS-Table_第8张图片
条纹.JPG
  • 加上背景色

CSS-Table_第9张图片
背景色.JPG

10.响应时表格


CSS-Table_第10张图片
拉动.JPG

你可能感兴趣的:(CSS-Table)