CSS真！全屏

css3可以自定义滚动条样式，今天发现了一个花式玩法，一起看看？ 之前写过网页时滚动条时是不是都这个样子的呢

这个滚动条好看么？

废话肯定不好看！ 如果设计湿给个带背景的设计图，又当如何呢？

是不是更丑了！

前方高能登场！非战斗人员请火速避开！

请注意第二张图并非滚动条不见了，是设置了与背景色同色，（是不是多此一举了，用户体验去哪了！）

是不是美观了不少？

css代码奉上

::-webkit-scrollbar {
        width: 10px;
        height: 1px;
    }

    ::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: none;
        /* background: hsl(183, 97%, 27%); */
        -webkit-box-shadow: none;
    }

    ::-webkit-scrollbar-track {
        -webkit-box-shadow:none;
        border-radius: 10px;
        background: #06b0b9;
        -webkit-box-shadow: none;
    }
复制代码

查了一下兼容表，兼容性还可以，可以搞一搞！ 敬请各位看官多多斧正。