HTMLの背景を設定する方法-フロントエンドQ&A-php.cn

HTMLの背景を設定する方法

PHPz

リリース： 2023-05-15 19:12:36

オリジナル

874 人が閲覧しました

HTML 背景を設定するには、CSS スタイルシートを使用するか、CSS スタイルを HTML タグに直接適用できます。 CSS スタイルシートは Web サイト全体または単一ページのスタイルを設定するために使用できるファイルであり、インラインスタイルは個々の要素にスタイルを設定するために使用できます。

CSS を使用して HTML 背景を設定する手順は次のとおりです。

CSS スタイルシートを作成します。 HTML ドキュメントの先頭部分で、タグを使用して、CSS ファイルを HTML ドキュメントにリンクします。
```
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
```
ログイン後にコピー
CSS セレクターを使用して、背景を設定する HTML 要素を選択します。たとえば、HTML ドキュメント全体の背景を設定するには、次の CSS ルールを使用できます。
```
html {
  background-image: url("background.jpg");
  background-size: cover;
}
```
ログイン後にコピー
必要に応じて、「background.jpg」を設定する背景画像のファイル名に置き換えます。「background-size」プロパティを使用して、画面全体に表示されるように背景画像のサイズを設定します。
HTML ページの特定の部分にのみ背景を設定したい場合は、その要素セレクターに CSS ルールを追加できます。たとえば、ページタイトルの背景を設定するには、次の CSS ルールを使用します:
```
h1 {
  background-color: #eee;
}
```
ログイン後にコピー
「#eee」をタイトルに設定する色に変更します。

CSS スタイルシートに加えて、HTML 要素にインラインスタイルを適用することもできます。 HTML タグに背景を設定する方法は次のとおりです。