background-imageに関する質問

2007/02/12 06:34

このQ&Aのポイント

HPビルダーでHPを作成しているが、background-imageの作成方法を知りたい
background-imageを使用せずに、HPのタイトルをHPの一面に散らす方法を知りたい
質問文章で説明が伝わりにくい場合はURLでも説明してほしい

CONAN18
お礼率45% (132/292)

レンタルサーバ・ASP
回答数1
ありがとう数2

みんなの回答 （1）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

leap_day
ベストアンサー率60% (338/561)

2007/02/12 08:40 回答No.1

背景画像を繰り返し書くことはスタイルシートでできます <HTML> <HEAD> <TITLE></TITLE> <STYLE type="text/css">  </STYLE> </HEAD> <BODY> </BODY> </HTML> background-repeat:の説明 background-repeat: repeat-x /*横のみ background-repeat: repeat-y /*縦のみ background-repeat: repeat /*画面全体 background-repeat: no-repeat /*一回のみですがご提示のようにずらして表示する方法は僕の知識内では分かりません（＞＜）多少無理したらやりかたはあります・・・ <STYLE type="text/css">  </STYLE> のように複数個　background-position　をずらしたのを用意して <div class="line0">(テキスト表示)</div> <div class="line1">(テキスト表示)</div> のようにHTML内(テキスト表示を囲むように)に設置すればいいのですが・・・ <table>タグ内や<LI>タグ内などで設置すると表示がおかしくなったり背景画像として固定できないなどの問題が発生します（＞＜） ↓こんな感じになります(****.gifのところを変えて貼り付けてみてください) <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Sample</title> <STYLE type="text/css">  </STYLE> </head> <body> <div class="line1"> <h1>背景画像をずらして表示</h1></div> 背景画像をずらして表示してみよう！！ <p> <div class="line0">2列目はこんな感じ</div> <p> <table border="1" width="500" height="200"> <tr> <td><div class="line1">テーブルタグ内だとこんな感じ</div></td> </tr> </table> </body>

質問者

お礼 2007/02/12 10:37

すいません補足質問については撤回します。 background-repeat: repeat-y /*縦のみ繰り返す */ を貼り付けることで解決しました。有難う御座いました。

質問者

補足 2007/02/12 10:14

何度もすいません。 <HTML> <HEAD> <TITLE></TITLE> <STYLE type="text/css">  </STYLE> </HEAD> <BODY> </BODY> </HTML> で試したのですが下記のような感じになります。＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊画面全体といっても全体には広がるのですが縦全体には広がりませんどうすればいいでしょうか