利用CSS美化浏览器滚动条_可自定义颜色和效果

简单的利用css样式即可完成对网页浏览器滚动条的美化，具体css代码如下：

/* 滚动条的宽度 */
::-webkit-scrollbar {
    width: 13px;
}/* 滚动条的背景颜色 */
::-webkit-scrollbar-track {
    background-color: #f2f2f2;
}/* 滑块部分颜色 */
::-webkit-scrollbar-thumb {
    background-color: #ff7e80;
    border-radius: 5px;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
}/* 纵横滚动条交错点颜色 */
::-webkit-scrollbar-corner {
    background-color: black;
}