スポンサー


    ウェブデザイン基礎講座

    フォトショップ講座

    HTML&CSS講座

    グラフィック講座

    Flash講座

    3D講座

    ウェブプログラミング講座

    サイトメンテナンス講座

    サイト紹介

    スペシャルリンク

サイト内検索

 メールマガジン

テクニック

HomeHTML&CSS講座 > スクロールバーに色を付ける

スクロールバーに色を付ける

投稿日:2006年6月13日   レベル:初級    ソフトウェア:DreamWeaverGoLiveFrontPage


CSSを使えば、ブラウザのスクロールバーの色を簡単に変更することができます。興味ありませんか?サイトをよりカスタマイズして、統一感のあるものに仕上げることができます。しかし、基本的には好みの問題なので、好きなデザイナーもいれば、そうでない人もいます。しかし、魅力的な要素になることは間違いないと思います。

では、どのようにすればよいのでしょうか?下のように記述していきます。

300_301_009_1.jpg


BODY {
scrollbar-face-color: #003399;
scrollbar-highlight-color: #003389;
scrollbar-3dlight-color: #003360;
scrollbar-darkshadow-color: #053899;
scrollbar-shadow-color: #004399;
scrollbar-arrow-color: #008399;
scrollbar-track-color: #000000; }

ここで気をつけなければならないのは、色のコントラストについてです。コントラストは見る人にとってとても重要になるので、気を使ってみてください。


引用:Web Design Library著者:J. Scott Harris翻訳:atuk



スポンサードリンク

コメント

ランダム記事5件

2016年5月の人気記事ランキング