スクロールバーを好きな色に変えてみよう!
すぐに使えるスクロールバー配布所
スクロールバーの使い方
フレーム内をコピーして、HTMLファイルの中にある
<head>~</head> タグで囲まれた内側に貼り付けます。
このコーナーでは、おもに、2色指定で
face-colorと、track-colorを指定していますが、
もう1色arrow-colorを指定すると、さらに洗練されたスクロールバーになります。
<style type="text/css">
<!--
html,body{
scrollbar-arrow-color: #56638F;
scrollbar-face-color: #FFFFFF;
}-->
</style>
軽い感じのスクロールバー 黒白系 1
1.#56638F(あいねずみ);2.#DDDED3(アイボリー);3.#727B69(あおにび)
4.#9F945F(うつぶしいろ);5.#262626(くろ);6.#4C4C4C(くろつるばみ)
7.#533563(こいねず);8.#B29D9D(さくらねず);9.#4B5A66(さびねず)
10.#28222A(しこくしょく);11.#191919(しっこく);12.#A5A5A5(シルバーグレー)
13.#FAFAFA(しろ);#BCBDC2(スカイグレー);#79677E(スチールグレー)
16#CACCB2(すないろ);17#333333(すみいろ);18#55545D(スレートグレイ)
19#DDDED3(ぞうげいろ);20#514454(チャコールグレー);21#A39B8E(ちゃねず)
22#787787(なまりいろ);23#666666(にびいろ);24#8C8C8C(ねずみいろ)
25#A9AAA1(パールグレー);26#8C8C8C(はいいろ);27#D1B6B0(はいざくら)
28#7F4C72(ぶどうねずみ);29#909278(モスグレー);30#728C79(りきゅうねずみ)
31#262626(ろういろ);32#978083(ろういろ);33#E7E8E2(かいはいしょく)
おすすめコンテンツ