Web page making tips for using CSS to define the color of a scroll bar
Source: Internet
Author: User
css| Tips | page Please see the case below. This set of code may not be ornamental, but it changes the style of the traditional scroll bars. You can create the scroll bar style you like by changing the code. In fact, the code is very self-describing. Anyway, let's take a good look at it!
<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 above code into the page's
The following picture shows the style code used to define the scroll bar. I don't think it needs to be explained too much, because the explanations for each statement are clear. So, try them quickly and make your page look more beautiful!
The following code is what I use on my own page. You can also use it freely if you like.
<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;
}
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.
A Free Trial That Lets You Build Big!
Start building with 50+ products and up to 12 months usage for Elastic Compute Service