ウェブデザイン基礎講座

    フォトショップ講座

    HTML&CSS講座

    グラフィック講座

    Flash講座

    3D講座

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

    サイトメンテナンス講座

    サイト紹介

    スペシャルリンク

サイト内検索

 メールマガジン

テンプレートモンスター
ホームページテンプレート

Free Templates Online JP
無料ホームページテンプレート
Free Templates Online JP

株式会社ネットオン
採用Webマーケティング
indeed広告代理店

海外 SEO対策 トラッキングツール
海外 SEO対策
ランキングチェックツール

Rank Tracker

テクニック

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月の人気記事ランキング