cari

Rumah  >  Artikel  >  hujung hadapan web  >  HTML中新建表格怎么加背景

HTML中新建表格怎么加背景

醉折花枝作酒筹
醉折花枝作酒筹asal
2021-06-07 11:33:005956semak imbas

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

HTML中新建表格怎么加背景

本教程操作环境：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视频教程

Atas ialah kandungan terperinci HTML中新建表格怎么加背景. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

html5 css css3 html 对象 background
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：html5中table的意思是什么Artikel seterusnya：html如何实现播放和暂停

Artikel berkaitan

Lihat lagi