Home > Article > Web Front-end > CSS：表格样式（设置表格边框/文字/背景的样式）_html/css_WEB-ITnose
CSS：表格样式（设置表格边框/文字/背景的样式）_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:51:552754browse
使用CSS可以制作出十分精美的表格。
代码整理自w3school：http://www.w3school.com.cn
效果图：
代码：
CSS 表格样式 （一）蓝色边框的表格
| 省份 | 面积 |
|---|---|
| 黑龙江 | 47.2 |
| 辽宁 | 11.6 |
（二）单线条边框的表格
| 省份 | 面积 |
|---|---|
| 黑龙江 | 47.2 |
| 辽宁 | 11.6 |
（三）表格宽度30%，高度50px，设置字体颜色和背景颜色
| 省份 | 面积 |
|---|---|
| 黑龙江 | 47.2 |
| 辽宁 | 11.6 |
（四）一个漂亮的表格
| 省份 | 省会 | 面积 | 人口 | GDP |
|---|---|---|---|---|
| 黑龙江 | 哈尔滨 | 47.2 | 4900 | 16000 |
| 吉林 | 长春 | 11.6 | 2600 | 27000 |
| 辽宁 | 沈阳 | 12.6 | 4500 | 27000 |
| 河北 | 石家庄 | 29.1 | 5200 | 26000 |
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：css3照片墙_html/css_WEB-ITnoseNext article：css背景颜色渐变_html/css_WEB-ITnose