教程♥//更改Scrollbar

之前之后

想把Scrollbar换得特别一点的 ? 来 ~ 看看教程吧 xD

第一款

第一

- 登入博客 > 自定义 > 修改HTML > 继续 

按CTRL+F 找 ]]></b:skin>

第二

然后在 ]]></b:skin> 上面添加以下的代码。

::-webkit-scrollbar {
    height: 12px;
width: 15px;
background: #FFFFFF;
    }
::-webkit-scrollbar-thumb {
-moz-border-radius: 5px;
border-radius: 5px;
    background: #000000;
}

第三

看看有没有问题 , 没问题的话就按保存。

解释

橙色 - scrollbar的高度 (数目越大scrollbar就越长)
粉色 - scrollbar的宽度 (数目越大scrollbar就越厚)

宝蓝 - scrollbar 背景颜色代码

浅蓝 - scrollbar 颜色代码

红色 - scrollbar 款式代码

第一款

-moz-border-radius: 5px;
border-radius: 5px;

第二款

-moz-border-radius-bottomright: 50px 25px;
border-bottom-right-radius: 50px 25px;
-moz-border-radius-topleft: 50px 25px;
border-top-left-radius: 50px 25px;

第三款

-moz-border-radius-bottomright: 50px;
border-bottom-right-radius: 50px;
-moz-border-radius-topleft: 50px;
border-top-left-radius: 50px;  

第四款

-moz-border-radius-topleft: 50px;
border-top-left-radius: 50px;
-moz-border-left-bottomleft: 50px;
border-bottom-left-radius: 50px;

有什么问题留言吧 ;)