特别版 ScrollBar 滚动条

普通滚动条 : http://kumiiko1996.blogspot.com/2011/12/ie-gc.html

效果只限 Google Chrome 而已

效果如上 , 或者参考在我右边的 Scrollbar

会比较特别点 , 因为上下都有个格子

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;}