HTML中怎么新建表格加背景

發(fā)布時(shí)間：2022-04-29 10:28:35 來(lái)源：億速云閱讀：712 作者：iii 欄目：大數(shù)據(jù)

今天小編給大家分享一下HTML中怎么新建表格加背景的相關(guān)知識(shí)點(diǎn)，內(nèi)容詳細(xì)，邏輯清晰，相信大部分人都還太了解這方面的知識(shí)，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來(lái)了解一下吧。

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

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

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

CSS通過(guò)background屬性設(shè)置表格的背景；通過(guò)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中怎么新建表格加背景

以上就是“HTML中怎么新建表格加背景”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會(huì)為大家更新不同的知識(shí)，如果還想學(xué)習(xí)更多的知識(shí)，請(qǐng)關(guān)注億速云行業(yè)資訊頻道。

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

HTML中怎么新建表格加背景

猜你喜歡

最新資訊

相關(guān)推薦

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