Welcome 您好!

    

一段css代码美化自己网站的滚动条

  • 效果:就本博客的一样。
  • 教程:把代码放到你的网站根目录里的css文件screen.css里,如果没有的可以放到其他的css文件里。

代码

/*====================================================
滚动条-亿七导航:dh.yqsqu.cn
====================================================*/
::-webkit-scrollbar {  
width: 14px;  
height: 14px;  
}  

::-webkit-scrollbar-track,  
::-webkit-scrollbar-thumb {  
border-radius: 999px;  
border: 5px solid transparent;  
}  

::-webkit-scrollbar-track {  
box-shadow: 1px 1px 5px rgb(1, 123, 147) inset;  /*滚动糟颜色 */
}  

::-webkit-scrollbar-thumb {  
min-height: 20px;  
background-clip: content-box;  
box-shadow: 0 0 0 5px rgb(185, 66, 101) inset;  /* 滚动条颜色*/
}  

::-webkit-scrollbar-corner {  
background: transparent;  
}  

亿七Seven

添加新评论

要铭记在心:每天都是一年中最美好的日子。

生活远没有咖啡那么苦涩,关键是喝它的人怎么品味!每个人都喜欢和向往随心所欲的生活,殊不知随心所欲根本不是生活。

如果错过了太阳时你流泪了,那么你也要错过群星了。

不如意的时候不要尽往悲伤里钻,想想有笑声的日子吧。

我不明白为什么要那么在意别人的看法,评头论足只是无聊人的消遣,何必看得如临大敌。如果你不吃别人家的饭,就别太把别人的话放在心上。