养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

如何用CSS设置表格样式

时间:2024-10-24 09:27:58

如何用CSS设置表格样式

工具/原料

IE11

Sublimetext3

windows7

方法/步骤

1、创建一个HTML和CSS文件,并且填写基本内容。

如何用CSS设置表格样式

如何用CSS设置表格样式

2、先设置好table的整体宽度。

如何用CSS设置表格样式

如何用CSS设置表格样式

3、然后为th和td加上padding。

如何用CSS设置表格样式

如何用CSS设置表格样式

4、现在为表头设置样式。

如何用CSS设置表格样式

如何用CSS设置表格样式

5、然后为其中一行设置背景颜色。

如何用CSS设置表格样式

如何用CSS设置表格样式

6、加上伪元素,鼠标经过就变为红色。

如何用CSS设置表格样式

如何用CSS设置表格样式

如何用CSS设置表格样式

7、再为部分文字设置右对齐。

如何用CSS设置表格样式

如何用CSS设置表格样式

8、如果有空的格子我们就设置为隐藏。

如何用CSS设置表格样式

如何用CSS设置表格样式

9、当然我们也可以设置边框合并。

如何用CSS设置表格样式

如何用CSS设置表格样式

如何用CSS设置表格样式

如何用CSS设置表格样式

© 一点知识