Browser
The following is an example of a scroll bar style that changes the scroll bar by modifying the values of each property.
<meta http-equiv= "Content-language" content= "ZH-CN" >
<meta http-equiv= "Content-type" content= "text/html; charset=gb2312 ">
<title> website Special Effects code | jscode.cn|---Use CSS to control scroll bar Styles </title>
<STYLE>
Body {
Scrollbar-face-color: #fcfcfc;
Scrollbar-highlight-color: #6c6c90;
Scrollbar-shadow-color: #fcfcfc;
Scrollbar-3dlight-color: #fcfcfc;
Scrollbar-arrow-color: #240024;
Scrollbar-track-color: #fcfcfc;
Scrollbar-darkshadow-color: #48486c;
Scrollbar-base-color: #fcfcfc
}
</STYLE>
<body>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</body>
Description
Scrollbar-face-color: The color of the protruding part of the scroll bar
Scrollbar-highlight-color: The color of the blank part of the scroll bar
Scrollbar-shadow-color: The color of the shadow of the stereo scroll bar
Scrollbar-3dlight-color: The color of the scroll bar's bright edges
Scrollbar-arrow-color: The color of the upper triangle arrow on the top and bottom buttons
Scrollbar-track-color: The background color of the scroll bar
Scrollbar-darkshadow-color: The color of the strong shadow of the scroll bar
Scrollbar-base-color: The basic color of the scroll bar
<style>
body{
Scrollbar-arrow-color: #f4ae21; /* Figure 6, Triangle arrow Color *
Scrollbar-face-color: #333; /* Figure 5, the color of the three-dimensional scroll bar * *
Scrollbar-3dlight-color: #666; /* Figure 1, the color of the solid scroll bar bright Edge
Scrollbar-highlight-color: #666; /* Figure 2, the color of the blank part of the scroll bar * *
Scrollbar-shadow-color: #999; /* Figure 3, the color of the shadow of the solid scroll bar * *
Scrollbar-darkshadow-color: #666; /* Figure 4, the color of the strong shadow of the solid scroll bar * *
Scrollbar-track-color: #666; /* Figure 7, solid scroll bar background color * *
Scrollbar-base-color: #f8f8f8; /* The basic color of the scroll bar * *
}
</style>
<body></body>
The following is an example of a scroll bar style that changes the scroll bar by modifying the values of each property. <ptml><pead><meta http-equiv= "Content-language" content= "ZH-CN" ><meta http-equiv= " Content-type "content=" text/html; charset=gb2312 "><title> Web page special Effects code | jscode.cn|---Use CSS to control the scroll bar style </title><style>body {scrollbar-face-color: #fcfcfc; Scrollbar-highlight-color: #6c6c90; Scrollbar-shadow-color: #fcfcfc; Scrollbar-3dlight-color: #fcfcfc; Scrollbar-arrow-color: #240024; Scrollbar-track-color: #fcfcfc; Scrollbar-darkshadow-color: #48486c; Scrollbar-base-color: #fcfcfc}</style></pead><body><p> </p><p> </p>< p> </p><p> </p><p> </p><p> </p><p> </p><p> </p> <p> </p><p> </p><p> </p><p> </p><p> </p><p> </p ><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p></body></ptml> Description: Scrollbar-face-color: The color of the protruding section of the scroll bar Scrollbar-highlight-color: The color of the blank portion of the scroll bar Scrollbar-shadow-color: The color of the shadow of a stereo scroll bar scrollbar-3dlight-color: The color of the scroll bar's bright edge scrollbar-arrow-color: The color of the upper triangle arrow on the top and bottom buttons Scrollbar-track-color: The background color of the scroll bar Scrollbar-darkshadow-color: The color of the strong shadow of the scroll bar scrollbar-base-color: The basic color of the scroll bar +++ ++++++++++++++++http://www.huaz.net/forum/print.asp? Threadid=23 (2006-10-08 09:51:50) Mh<ptml><pead><style>body{scrollbar-arrow-color: #f4ae21; /* Figure 6, Triangle arrow color */scrollbar-face-color: #333; /* Figure 5, the color of the three-dimensional scroll bar */scrollbar-3dlight-color: #666; /* Fig. 1, the color */scrollbar-highlight-color of the solid scroll bar bright edge: #666; /* Figure 2, the color of the blank part of the scroll bar */scrollbar-shadow-color: #999; /* Figure 3, the color of the shadow of the stereo scroll bar */scrollbar-darkshadow-color: #666; /* Figure 4, solid scroll bar strong shadow color */scrollbar-track-color: #666; /* Figure 7, stereo scroll bar background color */scrollbar-base-color: #f8f8f8; /* The basic color of the scroll bar */}</style></pead><body></body></ptml>
[Ctrl + A ALL SELECT hint: You can modify some of the code, and then run]