ホームページ > 記事 > ウェブフロントエンド > HTMLで新しいテーブルに背景を追加する方法
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 サイトの他の関連記事を参照してください。