html简单的table样式
效果预览：
代码：
1 2 3
4
5
html 简单的table样式 6 114 115 116
117
table样式1:单像素边框CSS表格
118
119 120
Info Header 1 | 121 Info Header 2 | 122 Info Header 3 | 123
|---|
124 125
Text 1A | Text 1B | Text 1C | 126
127 128
Text 2A | Text 2B | Text 2C | 129
130
131
132
table样式2:带背景图的CSS样式表格
133
134 135
Info Header 1 | 136 Info Header 2 | 137 Info Header 3 | 138
|---|
139 140
Text 1A | Text 1B | Text 1C | 141
142 143
Text 2A | Text 2B | Text 2C | 144
145
146
147
table样式3:⾃动换整⾏颜⾊的CSS样式表格（需要⽤到JS）
148
149 150
Info Header 1 | Info Header 2 | Info Header 3 | 151
|---|
152 153
Text 1A | Text 1B | Text 1C | 154
155 156
Text 2A | Text 2B | Text 2C | 157
158 159 160
Text 3A | Text 3B | Text 3C | 161
162 163
Text 4A | Text 4B | Text 4C | 1
165 166
Text 5A | Text 5B | Text 5C | 167
168
169 170
171
table样式4:⿏标悬停⾼亮的CSS样式表格 (需要JS)
172
173 174
Info Header 1 | Info Header 2 | Info Header 3 | 175
|---|
176
177 | Item 1A | Item 1B | Item 1C | 178
179
180 | Item 2A | Item 2B | Item 2C | 181
182
183 | Item 3A | Item 3B | Item 3C | 184
185
186 | Item 4A | Item 4B | Item 4C | 187
188
1 | Item 5A | Item 5B | Item 5C | 190
191
192
193 214 215
素材图⽚：
cell-blue.jpg
cell-greyjpg
