スタイルシートでもHTMLと同じぐらいに、たくさんの使い方がありますが、わざわざ説明することもないようなものは省いています。またHTMLでできるようなものも省いてあります。黒で書いてあるものは説明ですので打ちこまないで下さい。
さあ、次からはスタイルシートを使ってホームページを作ってみましょう。スタイルシートを使うときは必ず、以下のタグでスタイルシートを挟んでください。
<STYLE TYPE="text/css">〜</STYLE>
| 背景の位置を決めたい | 星にはtop center
bottom left right または位置を表す数値+単位を入れて下さい |
| BODY { background-image:url("背景のURL") ; background-position:★; //縦横どちらかの位置 background-repeat:★ ★;} //縦、横の位置指定 |
これを使うことにより、背景画像を片方に偏らせたりすることができます。最近よく見かけるようになったノートみたいな壁紙などを使うとおもしろいと思います。
| リンクのアンダーラインを消す | とくに説明はありません |
| A {text-decoration:none} |
リンクのアンダーラインを消すと、普通の文字と同じになるので必ず色を変えておきましょう。また色を変えずにおくことで隠しページへの入り口なども作ることができます。
さあ。次のページからはいよいよスタイルシートを使って画像を色々と変化させましょう。次のページで見たもの勝ちですよ。ほとんどのサイトで見かけることのないような画像の変化をやってあります。ぜひ見てね。
|
|||
|
|