很多时候我们在页面中需要用到滚动条
浏览器自带的滚动条太丑了,影响美观,
这时候我们就能自己去设置滚动条的样式了
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<style>
::-webkit-scrollbar {
width: 6px;
background-color:rgb(70, 196, 235); /*滚动条背景色*/
}
::-webkit-scrollbar-thumb {
background-color: #5a76cd; /*滚动条颜色*/
}
div{
width: 500px;
height: 600px