美化滚动条（scrollbar）

 美化滚动条（scrollbar）

还没更换scrollbar可以先点击这里，再来美化scrollbar哟~

第一款 改变scrollbar形状

首先从以下选中你想要的款式

-moz-border-radius: 8px; border-radius: 8px;

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

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

-moz-border-radius-bottomleft: 40px 20px; border-bottom-left-radius: 40px 20px; -moz-border-radius-topright: 40px 20px; border-top-right-radius: 40px 20px;

-moz-border-radius-bottomleft: 40px; border-bottom-left-radius: 40px; -moz-border-radius-topright: 40px; border-top-right-radius: 40px;

之后打开部落格的主题选中编辑html，搜索::-webkit-scrollbar-thumb {，然后把选中的代码放入::-webkit-scrollbar-thumb {之下就行了

第二款 为scroball添加外框

一样打开部落格的主题选中编辑html，搜索::-webkit-scrollbar-thumb {，把以下代码加在::-webkit-scrollbar-thumb {之下就行了

border: 2.5px solid #000000;

提示：

如果觉得另找颜色代码很麻烦，也可以直接输入英文来代替，如：

红色 = red

粉色 = pink

黑色 = black

蓝色 = blue

青色 = green

透明色 = transparent

第三款 以图片为背景的scrollbar

首先在原有基础的代码上将颜色代码删除，并加上-image:url(图片网址)，如下图显示👇

之后把图片网址粘贴上就完成啦~