|
|
 |
| ■ 背景 |
スタイルシートで背景に画像を表示します。次のように記入します。
<html>
<head>
<title></title>
<style type="text/css">
<!--
body { background-image: url("gazou/no-1.gif") }
-->
</style>
</head>
<body>
<h2>見出し</h2>
<body>
</head>
クリック
|
body { background-image: url("gazou/no-1.gif") }のbodyは背景を表します。<body>タグと同じ意味です。同じ意味というより<body>タグにスタイルシートで特殊効果を付け加えるという感じかも。つまりbody{}と書くことで、背景の表示を変えます。
body { background-image: url("gazou/no-1.gif") }のbackground-imageは、背景に画像を表示するという意味です。
body { background-image: url("gazou/no-1.gif") }のurl("gazou/no-1"は、表示する画像のファイル名を表しています。ファイル名は相対パスで書きます。("と")の間にファイル名を書きます。
これだけではhtmlタグだけでも十分ですよね。次からスタイルシートならではのいろいろな効果の説明をします
→次へ
△△ページトップへ△△
|
