【スクロールバー】スクロールバーを好きな色に変えてみよう!
PC元気COM
スクロールバーを好きな色に変えてみよう!
すぐに使えるスクロールバー配布所
軽い感じで圧迫感がなく、立体的なスクロールバーです。
スクロールバーの使い方
フレーム内をコピーして、HTMLファイルの中にある
<head>～</head> タグで囲まれた内側に貼り付けます。
このコーナーでは、おもに、2色指定で
face-colorと、track-colorを指定していますが、
もう１色arrow-colorを指定すると、さらに洗練されたスクロールバーになります。
<style type="text/css">
<!--
html,body{
scrollbar-arrow-color: #56638F;
scrollbar-face-color: #FFFFFF;
}-->
</style>
２色～３色で軽い感じのスクロールバー 青系 1
34#272672（あいいろ）；35#38334C（あいてつ）；36#0C00CC（あお）
37#382F4F（あおかち）；38#00859B（あさぎ）；39#504DCB（あさはなだ）
40#21405A（インディゴ）；41#2C2DD2（うすはなだ）；42#4000B2（ウルトラマリン）
43.#2860A3（おなんどいろ）；44.#392C52（かちいろ）；45#232B42（かちがえし）；
46.#D2F4FA（かめのぞき）；47.#4200B7（ぐんじょういろ）；48.#1F1E47（こあい）；
49#2314B7（コバルトブルー）；50#342659（こん）；51#39037C（こんあい）
52#3A2D6B（こんあい）；53#200098（こんるり）；54#4648B8（サックスブルー）；
55#6999AE（さびあさぎ）；56#0F52BC（シアン）；57#74A9D6（しんばしいろ）；
58#89BDDE（スカイブルー）；59#2A1682（せいらん）；60#0B2BD7（セルリアンブルー）
61#89BDDE（そらいろ）；62#4387E9（ターコイズブルー）；63#007BC3（つゆくさいろ）；
64#42466F（てつなんど）；65#52A2C5（ナイルブルー）；66#2860A3（なんどいろ）；
67#342659（ネービーブルー）；68#2719B2（はなだいろ）；69#D2F4FA（のぞきいろ）；
70#1B7792（はなあさぎ）；71#2B7A9B（ピーコックブルー）；72#BCC8DB（ひそく）；
73#0C00CC（ブルー）；74#ACAFD2（ベビーブルー）；75#164082（マリンブルー）；
76#BCC8DB（みずあさぎ）；77#B7C4E0（みずいろ）；78#262B3C（ミッドナイトブルー）；
79#BAB7E0（ライトブルー）；80#3100B2（るりいろ）；81#88ACD5（わすれなぐさいろ）；
おすすめコンテンツ
© 2003–2015PC元気COM