美化 scroll bar

如果你看过这篇教程、 --〉教程

那么你就可以看这篇教程了哦^^

哈哈`我在讲废话吗?

教程开始---------------------

1.
设计---修改html---Ctrl+F 找

::-webkit-scrollbar-thumb {




美化款式1




在 ::-webkit-scrollbar-thumb {  的下面添加这些你要美化的框框代码

第一款代码

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

美化款式2
(为scroll添加框框哦)

在 ::-webkit-scrollbar-thumb { 下面添加以下代码。

border: 2.5px solid #000000;

可以自行美化框框：
紫色字体 = 框框线条的厚度
浅蓝字体 = 框框颜色的颜色代码
红色字体 = 框框的线条类型框框的线条类型如下：

教程完咯~~~~