<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="CSS3滚动条美化,-webkit-scrollbar滚动条美化,html滚动条皮肤" />
<meta name="description" content="CSS3,-webkit-scrollbar滚动条皮肤美化,实现各种样式以及形状的滚动条" />
<title>CSS3滚动条美化,CSS3滚动条皮肤</title>
<style type="text/css">
body{
padding-bottom:30px;
}
.test {
width: 500px;
height: 200px;
background-color: #efefef;
overflow: scroll;
overflow-x: hidden;
margin-top: 30px;
}
.test>div {
width: 500px;
height: 300px;
}
.test1::-webkit-scrollbar {
width: 8px;
}
.test1::-webkit-scrollbar-track {
background-color:#808080;
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius:2em;
}
.test1::-webkit-scrollbar-thumb {
background-color:#ff4400;
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius:2em;
}
.test2::-webkit-scrollbar {
html 自定义ScrollBar
最新推荐文章于 2022-09-22 15:41:16 发布