ホームページ > 記事 > ウェブフロントエンド > HTMLページのスクロールバー関連設定の概要
スクロール バーは入力ボックスなどの Web ページでよく見られるので、自分の好みに合わせて見栄えの良いスクロール バーを設定する方法をまとめます。
スクロール バーのスタイルを設定します。
ブラウザのデフォルトのスクロールバーはあまりにも愚かに見えるので、自分で行う必要があります。 IE ブラウザにはスクロール バーを設定するためのスタイルがいくつかあったと記憶していますが、それらは色などを設定することしかできず、Webkit はそれらをサポートしていません。 NetEase メールボックスのスクロール バーが非常に優れていることに気づきました。最初は p でシミュレートされているのかと思いましたが、実際に見てみると、CSS を使用して設定されており、Webkit ブラウザーでした。 。
スクロールバーの色を設定する:
スクロールバーを設定できない問題を解決するIE6 のバーの色
全般 スクロール バーのスタイルを設定する場合、次の CSS コードが使用されます:
body { scrollbar-face-color:#f6f6f6; scrollbar-highlight-color:#fff; scrollbar-shadow-color:#eeeeee; scrollbar-3dlight-color:#eeeeee; scrollbar-arrow-color:#000; scrollbar-track-color:#fff; scrollbar-darkshadow-color:#fff; }
推奨される関連質問と回答:
1. スクロール バーを設定するための div 内に複数の div を設定する効果はありません
以上がHTMLページのスクロールバー関連設定の概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。