A.T-MOON

contents

パンくずリスト

メッセージエリア



背景の指定

メッセージエリア


<要素 背景関連の属性="属性の値">〜</要素>が基本的な形となります。
このタグを使って指定要素の背景を指定していきます。

HTMLタグでの背景関連の属性
  • bgcolor … 背景色の指定
  • background … 背景画像の指定

背景色の指定

<body bgcolor="A">〜</body>

<body>タグのbgcolor属性を使ってページ全体の背景の色を指定します。
Aにはカラーコードカラーネームをいれましょう。

※例)
(枠内をページ全体と考えて下さい。)
ページ全体の背景色がグレイに指定されています。
<html>
 <head>
  <title>ページ全体の背景色の指定</title>
 </head>
 <body bgcolor="gray">
 <font color="red">※例</font><br>
 ページ全体の背景色がグレイに指定されています。
 </body>
</html>
↓ピンク部分のタグをコピー↓
<body>の記述を変更します。
ページTOP
ひとつ前のページに戻る

背景に画像を指定

<body background="A">〜</body>

<body>タグのbackground属性を使って画像ファイルを指定します。
Aには画像ファイル名をいれましょう。
指定された画像はタイル状に一面に連続で表示されます。
読み込むのに時間のかかる大きなサイズの画像ファイルは避ける方が好ましいですね。

※例)
(枠内をページ全体と考えて下さい。)
ページ全体の背景に
指定した画像がタイル状に表示されます。
<html>
 <head>
  <title>ページ全体の背景に画像の指定</title>
 </head>
 <body background="画像ファイルのURL">
 <font color="red">※例</font><br>
 ページ全体の背景に<br>
 指定した画像がタイル状に表示されます。
 </body>
</html>
↓ピンク部分のタグをコピー↓
<body>の記述を変更します。
ページTOP
ひとつ前のページに戻る

HTML TOP