背景を変えてみよう - 色指定
背景の初期設定は白(#FFFFFF)ですが、これを好みの色に変更したり、背景に画像を使用したりすることができます。ここではタグで直接編集する方法を紹介します。メモ帳などを起動して、以下のように入力してください。
操作手順
デスクトップから[スタート]→[プログラム]→[アクセサリ]→[メモ帳]でメモ帳を起動する。
起動したら、以下の文字を入力するか、コピーして貼付(コピー&ペースト)をする。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>背景を変えてみよう</title>
</head>
<body bgcolor="#fff4dd">
</body>
</html> |
このタグのサンプルはこちら
記述手順
<body>というタグに「bgcolor=""」という属性をつけて色を指定することで、背景色を設定できます。赤字の部分を任意の「#(シャープ)+任意の6桁のカラーコード」に変更してください。
背景を変えてみよう - 背景画像を指定する
背景は色指定だけでなく、画像を使用することもできます。
記述手順
<body>というタグに「background=""」という属性をつけて背景画像の場所を指定することで、背景を設定できます。赤字の部分を変更します。使用したい背景画像の場所を相対パスまたは絶対パスで記述します。(以下の例は相対パス)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>背景を変えてみよう</title>
</head>
<body bgcolor="#fff4dd" background="img/03005.gif">
</body>
</html> |
このタグのサンプルはこちら
|