简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW)
Home > Web Front-end > HTML Tutorial > body text

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

WBOY
Release： 2016-06-24 11:51:55
Original
2752 people have browsed it

使用CSS可以制作出十分精美的表格。

代码整理自w3school：http://www.w3school.com.cn

效果图：

代码：

CSS 表格样式    
（一）蓝色边框的表格
Copy after login
省份 面积
黑龙江 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


Related labels：
CSS：表格样式（设置表格边框/文字/背景的样式）
source：php.cn
Previous article：css3照片墙_html/css_WEB-ITnose Next article：css背景颜色渐变_html/css_WEB-ITnose
Statement of this Website
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
Latest Articles by Author
Latest Issues
MySQL: Guide to Opening and Transposing Lists I have a given dataframe: list of id numbers 2[1,2,5,6,7]5[1,2,13,51,12] where one column ...
From 2023-09-07 13:24:07
0
2
202
How to cover! important? I've created a custom stylesheet that overrides the original CSS of my WordPress template....
From 2023-08-23 18:46:30
0
2
236
javascript - 怎样改变select弹出层的css样式 用ionic框架和HTML5开发的APP，用select，option标签在安卓是弹出层，怎么改变这个弹出层的css样式（背景色和文字样式改变，注：在浏览器是看到是下拉列表，打包在...
From 2017-04-11 11:28:04
0
3
175
javascript - 正则表达式，数字带空格，类似于css的边距样式写法？ 类似于css边距的写法；在输入框中只能输入以下这些形式。 {代码...} {代码...} 自己写的 reg1 第一次可输入空格；还有一个丑陋的 reg2 这个完全无法匹配啊？指点一...
From 2017-04-11 11:16:35
0
1
153
css - JavaScript 问题 ， html 点不到 A 标签 http://tsymq.aliapp.com/baidu/ 上传一个视频后缀的文件，点右边的列表按钮 文件列表里面有个 m3u8 字样的 A 标签按钮点不到 有个 class 是...
From 2017-04-10 16:25:40
0
3
215
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！