<!DOCTYPE html>
<html>
<head>
<title>scrollbar</title>
</head>
<body>
<style>
.scroll{overflow-x: auto;overflow-y: auto;height: 200px;width: 200px;}
.scroll article{width: 400px;height: 400px;background-color: #0A0A0A;color: #FFFFFF;font-family:fantasy; }
.scroll::-webkit-scrollbar{ /*滚动条整体部分*/
width: 15px;
height: 15px;
background-color: #7740a7;
}
.scroll::-webkit-scrollbar-button{ /*滚动条的轨道的两端按钮*/
background-color: #6e4c88;
}
.scroll::-webkit-scrollbar-track{ /*滚动条的轨道*/
box-shadow: inset 0 0 6px rgba(1,13,13,0.7);
background-color: #c5ced8;
border-radius: 10px;
}
.scroll::-webkit-scrollbar-trace-piece{ /*内层轨道，滚动条中间部分*/
background-color: #FFCE42;
}
.scroll::-webkit-scrollbar-thumb{ /*滚动条里面的小方块，能向上向下移动*/
box-shadow: inset 0 0 5px rgba(1,13,13,0.5);
background-color: #723a82;
border-radius: 10px;
}
.scroll::-webkit-scrollbar-corner{ /*边角，即两个滚动条的交汇处*/
display: none;
}
.scroll::-webkit-resizer {
background-color: #272822;
}
</style>
<div class='scroll'>
<article>
<p>The essence of the existence of two ceremony, is not awakened by intellectual was born, but directly from the flesh of the personality, if type and weaving of Yin and Yang represent two instrument, its existence is equivalent to contain both the great circle of tai chi, origin of "nothingness", also is the essence of the "no".With coma during this period of consciousness not to watch the outside world, but look at the inner emptiness constantly, so in "the" in constant contact with the type of the concept of death, after wake up get death can see things straight death magic eye.</p>
</article>
</div>
</body>
</html>
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
