See the following cases. This set of code may not be entertaining, but it changes the style of the traditional scroll bar. You can change the code to create the scroll bar style you like. In fact, these codes are highly self-descriptive. In any case, let's take a good look!
The code is as follows: |
Copy code |
<Style type = "text/css"> BODY { Scrollbar-face-color: green; Scrollbar-shadow-color: blue; Scrollbar-highlight-color: black; Scrollbar-3dlight-color: red; Scrollbar-darkshadow-color: brown; Scrollbar-track-color: yellow; Scrollbar-arrow-color: white; } </STYLE>
|
You must insert the preceding code into the The following figure shows the style code used to define the scroll bar. I don't want to explain it more, because the explanation of each statement is clear. So try them to make your page look more beautiful!
The following code is used on my own page. If you like it, you can use it freely.
The code is as follows: |
Copy code |
<Style type = "text/css"> BODY { Scrollbar-face-color: # EAEAEA; Scrollbar-shadow-color: # EAEAEA; Scrollbar-highlight-color: # EAEAEA; Scrollbar-3dlight-color: # EAEAEA; Scrollbar-darkshadow-color: #697074; Scrollbar-track-color: # F7F7F7; Scrollbar-arrow-color: #666666; }
|