タグの絵本
＞
CSS
＞ スクロールバーのデザインを指定する
■スクロールバーのデザインを指定する
・使用するCSS
body {
scrollbar-dark-shadow-color:#000000;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-3d-light-color: #000000;
scrollbar-arrow-color: #000000;
scrollbar-base-color: #000000;
}
補足≫ カラーコード生成は
こちら
・説明
CSSを使用し、スクロールバーを自分の好きなようにデザインできます。
どこのコードがどこの色に対応しているかは言葉がなく説明できないので適当にいじって見てください
こちらで
スクロールバーテンプレート
もご用意しましたのでご活用下さい。
・使用例
ソース （テスト書き込み可）
<html> <head> <title>あなたのホームページ</title> <style type="text/css"> <!-- body { scrollbar-highlight-color: #acffac; scrollbar-shadow-color: #000000; scrollbar-3d-light-color: #ffff00; scrollbar-arrow-color: #ffff00; scrollbar-base-color: #007300; scrollbar-darkshadow-color: #660000; } --> </style> </head> <body> ホームページ作成中。頑張ります！<BR> </body> </html>
あなたのホームページ Internet Explorer
ファイル(F) 編集(E) 表示(V) お気に入り(A) ツール(T) ヘルプ(H)
ホームページ作成中。頑張ります！ 解り易いよう改行してスクロールを出してみます ここまで
Copyright (C) 2006 タグの絵本 All rights reserved.
→
index
あなたのホームページ Internet
Explorer