ホームページ > ウェブフロントエンド > CSSチュートリアル > CSSサンプルスクロールバーのスクロールバーの色の設定を詳しく解説

CSSサンプルスクロールバーのスクロールバーの色の設定を詳しく解説

黄舟
リリース: 2017-07-03 11:23:50
オリジナル
2451 人が閲覧しました

考えられるCSSの例---スクロールバーのスクロールバーの色の設定

<body style="scrollbar-arrow-color:yellow;scrollbar-base-color:lightsalmon">
*********************
<STYLE>{
SCROLLBAR-FACE-COLOR:#3399cc; 
SCROLLBAR-HIGHLIGHT-COLOR: white; 
SCROLLBAR-SHADOW-COLOR: white; 
SCROLLBAR-ARROW-COLOR: #ffffff; 
SCROLLBAR-BASE-COLOR:#dff0c0}
</STYLE>
ログイン後にコピー

その中には、SCROLLBAR-FACE-COLOR、SCROLLBAR-HIGHLIGHT-COLOR、SCROLLBAR-SHADOW-COLOR、SCROLLBAR-ARROW-COLOR、SCROLLBAR-BASE-COLOR、SCROLLBAR-があります。 DARKSHADOW -COLOR は、スクロール バーのさまざまな部分の色を指定するために使用されます (意味に基づいて、スクロール バーのどの部分を表すかがわかります)。
これらのコード行をページの HTML コードの間に追加するだけです。 ! ! !
:)

**************************************** ******* *****

スクロールバーとは、ウェブページの右側(下)にある縦(横)のバーのことです。スクロールバーの色はCSSスタイルシートを記述することで変更できます。
このページでは緑色のスクロールバーが使用されています。

スクロールバーCSSスタイルシート:

 <style>
BODY {
   scrollbar-face-color: #008000;
   scrollbar-highlight-color: #0B0E2F;
   scrollbar-3dlight-color: #0B0E2F;
   scrollbar-darkshadow-color: #0B0E2F;
   scrollbar-shadow-color: #003366;
   scrollbar-arrow-color: #003366;
   scrollbar-track-color: #FFFFFF;}
</style>
ログイン後にコピー


CSSスタイルシートの機能は、ウェブサイトのフォントスタイル、カラースタイル、マウススタイルを制御することです