特别版 ScrollBar 滚动条 ( 推荐 )

普通滚动条 : http://aiqingbingqilingforever.blogspot.com/2013/10/ie-gc.html

*效果只限 Google Chrome 而已*

Blog Template

登入部落格 > 设计 > EDIT HTML

按 CTRL + F 寻找 a:link{

Blogskin

登入部落格 > 范本设计

按 CTRL + F 寻找 a:link{

把以下代码 paste 在前面

::-webkit-scrollbar { width: 9px;}

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

::-webkit-scrollbar-button:end:increment { 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;}

::webkit-scrollbar-thumb:vertical {background:#fff);border: 0px solid #ffffff;border-right:none;}

::webkit-scrollbar-thumb:horizontal {background:#fff;border: 0px solid #ffffff;border-bottom;}

蓝色 : 格子背景 / 格子框框

紫色 : 背景颜色

红色 : 滚动条颜色 / 滚动条框框