このページで配布している背景用画像は <BODY BACKGROUND="line04.gif"> ↑の様な普通の指定をすると↓こちらのようにグラデが細かく連続する「目が痛い・字が読みづらい」背景になります。 |
連続表示のサンプル。 こうならないようにするためには、スタイルシートで「左端にのみ」配置されるようにしてください。 |
このページのスタイルシートタグ記述例 ↓こちらの画像をダウンロードしたら、 (画像の上にマウスカーソルを合わせて右クリック、開いたメニューの中から「名前を付けて保存」を選ぶ) この背景を使いたいページに <style type="text/css"> <!-- body{ background-color:#bde7e7; /* 背景の色指定 */ background-image:URL(line04.gif); /* 背景画像へのパス */ background-repeat:repeat-y; /* 背景をY軸(縦方向)で繰り返し */ color:#000000; /* フォントの色指定 */ } --> </style> 上記のスタイルシートの記述を、あなたのサイトの環境(画像の保管場所とか)に合わせて書き直し、 <HEAD>〜</HEAD>に記述してください。 |
するとこんな感じの表示になります。 なお、背景の色指定は、グラデーションの一番薄い部分と同じ色のカラーコードに合わせると効果的かと存じます。 (それぞれの画像の下に16進コードを付記しましたので、参考にしてください) |