据说这样可以改变谷歌浏览器的滚动条的样式

第一段是style,

<style>
::-webkit-scrollbar {height: 6px;width:6px; border:2px solid #F5F5F5;} 
::-webkit-scrollbar-track-piece {background-color: #F0F0F0;} /*这里是设置滚动条底部背景颜色的*/
::-webkit-scrollbar-thumb {background-color:#F00; } /*这里是设置滚动条颜色的*/
::-webkit-scrollbar-thumb:hover {background-color:#F99;} /*这里是设置鼠标移到滚动条时变化的颜色的*/
.box{
	width:500px;
	height:1800px;	
}
</style>
第二段是html,

<body>
<div class="box">
让谷歌浏览器的滚动条更加个性化
</div>
</body>
好了,看一下效果,

据说这样可以改变谷歌浏览器的滚动条的样式

还不错吧,嘿嘿!

你可能感兴趣的:(html,css,滚动条,谷歌浏览器,谷歌浏览器滚动条)