CSS美化网页滚动条
|
admin
2024年10月19日 11:36
本文热度 647
|
:CSS美化网页滚动条
<html>
<head>
<style type=text/css>
::-webkit-scrollbar {
width: 8px;
height: 8px;
}
::-webkit-scrollbar-track {
border-radius: 10px;
background-color: #fafafa;
}
::-webkit-scrollbar-thumb {
border-radius: 10px;
background: rgb(191, 191, 191);
}
/* Modern scrollbar API */
body {
scrollbar-width: thin;
scrollbar-color: #718096 #edf2f7;
}
</style>
</head>
<body>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
测试<br>
</body>
</html>
该文章在 2024/10/19 11:36:21 编辑过