ウェブアートデザイナー
FTPツール
ウェブアニメータ
HotMediaクリエーター
デジすたマーカー2


ウェブマスターのためのノウハウ
Web制作に役立つ無料ツール

ホームページビルダー14!メーカー提供:1,000円キャシュバックキャンペーン中

ホームページビルダー14
IBM ホームページ・ビルダー14

1位ホームページビルダーの裏技
2位ビルダーの基本操作
3位動画でわかるビルダー
4位無料テンプレート
5位ビルダーの設定

スクロールバーの色を変更

トップ >> 応用編インデックス

ブラウザの右側、あるいは下側に表示されるスクロールバーの色を自分の好みで変更する方法です。

スクロールバーの色を変える設定をするには、スタイルシートを使います。

まず、「HTMLソース」タブをクリックします。

HTMLソースの中で ヘッダー部分の最下部 (</head>の直前)に以下のようなスタイルシートの記述をします。

<style type="text/css">
html {
scrollbar-base-color: #ffffff;
}
</style>

画面で見ると、このような感じになります。
プレビューで確認して、ちゃんとできていれば、ファイルを保存して完了です。

『#ffffff』の部分は、ご自分の好みで自由に設定してください。『#ffffff』は白色の設定になります。

現在ご覧になっているこのページでは、『#000099』になっています。

※この効果は、FireFoxでは正しく表示されません。


ネットショップを運営する
アフィリエイトで副収入
資格で稼ぐ

初心者向け用語集
ホームページの基礎知識
ショートカットキー一覧表
格安Web素材入手法
サイトの構想アイディア創出法

Powered by ITSpace Inc.
ホームページビルダーは日本IBMの登録商標または商標です。