タグ使い 7.スタイルシート

25～27 　スタイルシート ▼もくじ

※これから紹介するのは、スタイルシートというもので、タグにはできない事も可能にします。ただし、タグとは少し使い方が異なります。

※Internet Explorer 5.5以上のブラウザー（ホームページを見るソフト）で見たときに色が変わります。
『#99CC33』（黄緑色っぽい色）の部分を変えると他の色にすることもできます。
もっと細かく指定したい方は（⇒２６．スクロールバーの色を細かく変える）

２５スクロールバーの色を変える STYLE="scrollbar-base-color:#99CC33"

●タグ入力例

<HTML> <HEAD> <TITLE>私のホームページ</TITLE> </HEAD> <BODY STYLE="scrollbar-base-color:#99CC33"> 【ここが文字やタグを入れる場所になります】 </BODY> </HTML>

【こういう感じになります】

こういう感じになります

■他の色でやってみると・・・？

#FF99CC の場合

#99CCFF の場合

※これらは、スタイルシートの少し高度な使い方で、 <HEAD> から </HEAD> までにスタイルシートを入れる方法です。使い方が普通のタグとは異なります。

※Internet Explorer 5.5以上のブラウザー（ホームページを見るソフト）で見たときに色が変わります。
それぞれの色の部分を色の名前（Greenなど）や、カラーコード（#FF0000など）に書き換えてください。
※もっと簡単なものがいい方は（⇒２５．スクロールバーの色を変える）

２６スクロールバーの色を細かく変える <STYLE TYPE="text/css"></STYLE>

●タグ入力例

<HTML> <HEAD> <TITLE>私のホームページ</TITLE> <STYLE TYPE="text/css"></STYLE> </HEAD> <BODY> （ここが文字やタグを入れる場所（本文）になります） </BODY> </HTML>

【こういう感じになります】

本体の色 #0000FF
背景の色 #00FFFF
三角矢の色 #FFFFFF
外側明るい色 #000000
外側暗い色 #FF0000
内側明るい色 #FFFFFF
内側暗い色 #00FF00

※拡大イメージ

●リンクにカーソルをのせたら文字の色がかわるようにしたいなぁ・・・。どうしたらよいの？
『Green』（緑色）の部分を変えると他の色にすることもできます。例えば　●Red　●Blue　●Yellow　●Gray　●Aqua　●Fuchsia　などの色があります。またはカラーコード（#FF0000など）でたくさんの色を扱うこともできます。（⇒カラーコード一覧）
≪アドレス≫の部分は、リンクしたいホームページのアドレスに書き換えてください。
※このタグを使うと、ページの中にあるすべての文字のリンクに適用されます。

２７リンクに触れた時の色を変える <STYLE TYPE="text/css"></STYLE>

【　使用例　】 　【　こうなる　】リンクされてる文字にカーソルを置いてみてください。※リンク先は設定されていないので、クリックしても意味がありません。

<HTML> <HEAD> <TITLE>私のホームページ</TITLE> <STYLE TYPE="text/css"></STYLE> </HEAD> <BODY> ようこそ。My ホームページへ！<BR> <A HREF="≪アドレス≫">リンク</A> </BODY> </HTML>

ようこそ。My ホームページへ！
リンク

■関連項目　１２．リンクを作る　１３．リンク文字の色を変える

文字の大きさ、着色、意外と困る改行について	1.改行と修飾
画像の挿入、更にその後は	2.イメージ
リンクを作らないとどこにも行けないよ～。	3.リンク
隅々まで色や背景を変えたりする	4.全体に反映
文字を動かしてみよう	5.流れる文字
音楽を聞かせてあげよう	6.BGM
WEB用ページ（HTML）の作成方法、色コード	8.ＨＰ作成・色
入力してみたが、なにかおかしい	9.Ｑ＆Ａ

←TOPページへ戻る