ホームページ > 記事 > ウェブフロントエンド > HTMLで新しいテーブルに背景を追加する方法
HTMLで新しいテーブルに背景を追加する方法
- 醉折花枝作酒筹オリジナル
- 2021-06-07 11:33:005947ブラウズ
HTML では、background 属性を使用して新しいテーブルの背景を設定できます。テーブル要素に「background: 属性値」を設定するだけです。背景属性は、1 つのステートメントですべての背景プロパティを設定します。オブジェクトを単色の背景色に設定したり、画像を背景に設定したりできます。
このチュートリアルの動作環境: Windows 7 システム、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>効果:
推奨学習:html ビデオ チュートリアル
以上がHTMLで新しいテーブルに背景を追加する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：HTML5におけるテーブルの意味次の記事：HTML5におけるテーブルの意味