美化Scroll Bar(仅限Google Chrome)

美化后の效果可以看我のScroll Bar

这个比较特别因为上下有两个格子

『方法』

模板-修改HTML

按CTRL+F找

a:link {

Blogskin

登入部落格-范本设计

按CTRL+F找
a:link{

把这个代码加在它の前面

::-webkit-scrollbar {

 width: 9px;

heigh: 9px; 

}

::-webkit-scrollbar-button:start:decrement,

::-webkit-scrollbar-button:end:increment {

width:10px

 height:10px;

 display: block; background-color: #ffffff; border:1px solid #b1c7b1;

}

::-webkit-scrollbar-track-piece { background-color:#ffffff; 

}

::-webkit-scrollbar-thumb{ background:#f2fbf4;border:1px solid #b1c7b1;

}

青色:上下格子の颜色色和框框

橙色:背景の颜色

红色:滚动条の颜色色和框框

预览看看代码有没有问题
按保存完成