HTML中新建表格加背景的方法

發(fā)布時間：2021-06-07 13:42:29 來源：億速云閱讀：829 作者：小新欄目：web開發(fā)

這篇文章將為大家詳細(xì)講解有關(guān)HTML中新建表格加背景的方法，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

在html中，可以使用background屬性設(shè)置新建表格中的背景，只需要給表格元素設(shè)置“background:屬性值”即可。background屬性在一個聲明中設(shè)置所有的背景屬性，可以設(shè)置對象為純色的背景顏色，也可以設(shè)置圖片為背景。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

表格的顏色設(shè)置非常簡單，和文字的顏色設(shè)置完全一樣。

CSS通過background屬性設(shè)置表格的背景；通過color屬性設(shè)置表格中文字的顏色。

示例：

<!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>

效果：

HTML中新建表格加背景的方法

關(guān)于“HTML中新建表格加背景的方法”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學(xué)到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。

向AI問一下細(xì)節(jié)

HTML中新建表格加背景的方法

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽