html如何设置单元格颜色


本文摘自PHP中文网,作者醉折花枝作酒筹,侵删。

在html中,可以使用bgcolor属性设置单元格颜色,只需要在指定td标签中添加“bgcolor="颜色值"”样式即可。bgcolor属性规定文档的背景颜色,元素的背景是元素的总大小,包括填充和边界。

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

<!DOCTYPE <!DOCTYPE html>

<html>

  <head>

    <meta charset="utf-8" />

    <title>设置单元格背景颜色</title>

  </head>

  <body>

    <table border="1" cellspacing="0" cellpadding="5" width="400" height="100">

      <caption>

        成绩单

      </caption>

      <tr align="center">

        <th>姓名</th>

        <th>语文</th>

        <th>数序</th>

        <th>英语</th>

        <th>物理</th>

        <th>化学</th>

      </tr>

      <tr>

        <td>李</td>

        <td>94</td>

        <td>89</td>

        <td>87</td>

        <td bgcolor="#ffcc00">56</td>

        <td>97</td>

      </tr>

      <tr>

        <td>孙</td>

        <td>94</td>

        <td>87</td>

        <td bgcolor="#66ffcc">84</td>

        <td>86</td>

        <td>87</td>

      </tr>

      <tr>

        <td>王</td>

        <td bgcolor="#cc9999">82</td>

        <td bgcolor="#ff66ff">84</td>

        <td>87</td>

        <td>86</td>

        <td bgcolor="#ff3399">77</td>

      </tr>

    </table>

  </body>

</html>

效果:

阅读剩余部分

相关阅读 >>

Html表格如何设置间距

Html applet标签怎么用

doctype Html 什么意思?

总结类Html标题,段落,换行,水平线,特殊字符

Html怎么把默认样式去掉

利用前端基础制作Html开关图标

使用Html应该如何编写邮件模版

Html整体页面边距怎么设置

Html文档中怎么把图片作为背景?

sHtmlHtml的区别

更多相关阅读请进入《Html》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...