• 技术文章 >web前端 >html教程

    HTML中新建表格怎么加背景

    醉折花枝作酒筹醉折花枝作酒筹2021-06-07 11:33:00原创352

    在html中,可以使用background属性设置新建表格中的背景,只需要给表格元素设置“background:属性值”即可。background属性在一个声明中设置所有的背景属性,可以设置对象为纯色的背景颜色,也可以设置图片为背景。

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

    表格的颜色设置非常简单,和文字的颜色设置完全一样。

    CSS通过background属性设置表格的背景;通过color属性设置表格中文字的颜色。

    示例:

    <!DOCTYPE html>
    <html lang="en">
      <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Document</title>
        <style>
          body {
            background-color: #ebf5ff;
            margin: 0px;
            padding: 4px;
            text-align: center;
          }
          table {
            background: pink;
            color: white;
          }
        </style>
      </head>
    
      <body>
        <table border="1">
          <tr>
            <th>NAME</th>
            <th>AGE</th>
            <th>NUMBER</th>
          </tr>
          <tr>
            <td rowspan="2">xm</td>
            <td>10</td>
            <td>2020</td>
          </tr>
          <tr>
            <td>3</td>
            <td>2021</td>
          </tr>
          <tr>
            <td>xf</td>
            <td>4</td>
            <td>2010</td>
          </tr>
        </table>
      </body>
    </html>

    效果:

    L]5A%P2Q_1IDINVGK(F{5J6.png

    推荐学习:html视频教程

    以上就是HTML中新建表格怎么加背景的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:HTML 背景
    上一篇:html5中table的意思是什么 下一篇:html如何实现播放和暂停
    大前端线上培训班

    相关文章推荐

    • html标签分类有哪些• HTML除了maxlength如何限制长度• runat在html中表示什么意思• eclipse怎么设置html快捷键• html5中table的意思是什么

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网