![]() |
|||
|
|
|||
|
画像(グラフィックデータ/イメージ) | 画像を表示させる | 右寄せ・左寄せ | 動くイメージ | 背景に画像(壁紙) | 背景画像を固定 | | ロールオーバーイメージ(オンマウスオーバー) | キャッシュの削除 | 背景に画像(壁紙) | タグ | スタイルシート |背景に画像を使ってみましょう。背景用の画像は素材屋さんなどでよく「壁紙」として配布されていますね。 方法は、タグとスタイルシートの2種類あります。タグは簡単にできますが、推奨されているのはスタイルシートです。できればスタイルシートに挑戦してみてくださいね。 ■タグ <body>開始タグの中に記述します <html> <head> <title> </title> </head> <body background="画像 GIFやJPG"> </body> </html>
■スタイルシート スタイルシートは<body>〜</body>の表示部分とは別に、<head>〜</head>内に記述して使います。すると<body>〜</body>の表示部分は何もしなくてもよく、ページ全体にスタイルシートの内容が適用されます。 <html> <head> <title> </title> ☆スタイルシートはこの部分に記述します☆ </head> <body> </body> </html>
Tips 背景色と背景画像、両方の指定
※JPGや透過していない画像の場合、色は画像に隠れますが、画像が表示できなかった場合や画像が表示されるまでの間、色は表示されるわけですから、画像のみ使いたい場合も近似色(画像に近い色)を指定していた方がいいと思いますよ。 このページのトップへ Point: 画像は必ずホームページ(HTML文書)と同じ場所(同じフォルダ内)に保存しておきましょう。 「画像が表示されない」「自分のパソコンでしか見れない」「画像の保存先を整理したい」等・・・ そんな時は『相対パス・絶対パス』を確認してみてくださいね。 Link: 相対パス・絶対パス このページのトップへ |
|||||||||||||||||||
![]() |