htmlタグとcss－すぐに使えるサンプルと小技集

htmlタグとcssのリファレンス一覧と小技集のサンプルに加え、自作テンプレートで効率的にseo対策済みホームページを楽々作成まで♪
htmlタグとcss(ｽﾀｲﾙｼｰﾄ) http://www.faruru.info/ htmlタグとcss(スタイルシート) 無断リンク歓迎♪	私のネット関連管理サイト一覧レンタルサーバー HP作成フリー素材マナー副業収入 SEO対策ドメイン麻雀の役とルール

html&css 手軽に使えるhtmlタグ♪

コピー＆ペーストですぐに使えるhtmlタグやソースのサンプル集。

htmlテンプレート、文字装飾、tableの型、電子メールの型など200種類以上のサンプルを完備。

他にもhtmlタグ、スタイルシート(css)、色見本、特殊文字のリファレンスに加え、1日で習得html言語など初めての人のためのページもあります。

スポンサードリンク

◆HTML&CSS◆ スクロールバーの色を変更

スクロールバーに色を付けることで他のサイトとちょっとした差別化などが出来ます。

スクロールバーに色を付けるのは簡単で、外部CSSにちょっと1行加えるだけ･･････、

たったそれだけで完了ｂ

外部スタイルシートについては htmlタグとcss－すぐに使えるサンプルと小技集に説明があります。

外部スタイルシートに加える

body{scrollbar-base-color:#AAFFAA;}

これ一行のみ。

スクロールバーの細部まで色を指定する事も出来ますが、慣れないうちはこれ一行の方が手間もかからないしデザイン的にも優秀です。

スクロールバーの色は#AAFFAA;などRGBで指定するのが個人的に推奨です。

このページのスクロールバーの色は#FFAA00;。

スクロールバーの色を細かく指定

body{
scrollbar-3dlight-color:#AAAAAA;
scrollbar-arrow-color:#000000;
scrollbar-darkshadow-color:#555555;
scrollbar-face-color:#999999;
scrollbar-highlight-color:#CCCCCC;
scrollbar-shadow-color:#777777;
scrollbar-track-color:#DDDDDD;
}

スクロールバーを細かく指定してデザインを作るのは非常に面倒です。

また、あまりにも酷いスクロールバーが出来たりします。

上記のソースコードが良い例ですね。

私は上記のソースのデザインを見ていませんがあまりに希望のないデザインになっていることだけは判ります。

スクロールバーを作る時は暗い色で作るよりも明るい色で作る方が見栄えが良い傾向があります。

html help、html option、html filter、html index。

○○○