当前位置：Gxlcms > html代码 > CSS：表格样式（设置表格边框/文字/背景的样式）_html/css_WEB-ITnose

CSS：表格样式（设置表格边框/文字/背景的样式）_html/css_WEB-ITnose

时间：2021-07-01 10:21:17 帮助过：22人阅读

使用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

省份	省会	面积	人口	GDP
黑龙江	哈尔滨	47.2	4900	16000
吉林	长春	11.6	2600	27000
辽宁	沈阳	12.6	4500	27000
河北	石家庄	29.1	5200	26000

CSS：表格样式（设置表格边框/文字/背景的样式）_html/css_WEB-ITnose

（一）蓝色边框的表格

（二）单线条边框的表格

（三）表格宽度30%，高度50px，设置字体颜色和背景颜色

（四）一个漂亮的表格

人气教程排行