第5回　スタイルシートの応用

文章へのスタイルシート

基本的なこと

段落＜ｐ＞へのスタイルシートの設定

ハイパーリンク＜ａ＞へのスタイルシートの設定

背景画像に関するさまざまなテクニック

普通に背景として入れた場合

ヨコに並べるだけ／タテに並べるだけ／並べない（ひとつだけ）

位置

スクロールしたとき、動かさない

　

このページのスタイル設定

<style type="text/css">
a {text-decoration: none; color: #888844; font-weight:bold; border-bottom:1px dashed }
a:hover {color: #3355aa; background-color: #aaaacc; border-bottom: 1px solid; }

.bunshou {font-family: HG丸ｺﾞｼｯｸM-PRO}
.gazou {font-family: ＭＳ Ｐゴシック}

</style>
　

ハイパーリンクのタグ＜ａ＞に関する設定と、

フォントの設定をするために、上の文章への説明（.bunshouとした）、 下の画像への説明（.gazouとした）をしています。
.bunshou と .gazou についてはコードに記述してあれば、スタイル一覧（書式設定ツールバーの左端）から選択して適用されます。

＜ａ＞の文章的な設定は、段落＜ｐ＞についても同様に使えます。違いは、文章は長いものであり、ハイパーリンクは2行にわたる程長いものはない、ということでしょう。