如何用CSS设置表格样式

 时间:2024-10-24 11:23:28

如何用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设置表格样式

myeclipse版本怎么查看 前端编程-用浏览器自带的取色功能快速拾取颜色 如何在html中创建一个进度条 css如何只设置一个html元素的上下边框 PHP中使用FOR/FOREACH遍历二维数组
热门搜索
小天使图片 拉拉漫画 涂鸦图片 电池图片 呼伦贝尔大草原图片