Html+CSS | 1段CSS让表格更漂亮 建议收藏

html-css06

Html+CSS | 1段CSS让表格更漂亮 建议收藏,第1张

使用border-collapse: collapse去掉表格线间的空白。

使用:nth-child(even)选择表格中的偶数行，进行修改背景色，如果选择奇数行，使用odd选择奇数。

使用:last-of-type选择最后一个元素进行画表格底线

使用colspan进行行合并

使用rowspan进行列合并

CSS是由选择器加声明组成的。

比如：

h1{color:red}

h1就是选择器，意思是只要遇到h1，就使用该CSS的规则

color：red:这个事声明

color:这个是属性

red:这个是值

2

OK，我们先来分析选择器。