这篇博客展示了如何使用CSS来美化网页中的滚动条，通过设置`::-webkit-scrollbar`、`::-webkit-scrollbar-track`和`::-webkit-scrollbar-thumb`等伪元素的样式，实现了透明背景、特定颜色的滑块和圆角设计，提升网页滚动条的视觉效果。
<!DOCTYPE html>
<html lang="zh-CN" ng-app="myApp">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="jquery.min.js"></script>
<script src="angular.js"></script>
<link rel="stylesheet" href="bootstrap.min.css">
<style type="text/css">
ul.list{
margin: 10px;
padding-left:10px;
list-style:none;
max-height:86px;
width:250px;
overflow-y:auto;
overflow-x:hidden;
border:1px solid #C3C4C5;
}
<html lang="zh-CN" ng-app="myApp">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="jquery.min.js"></script>
<script src="angular.js"></script>
<link rel="stylesheet" href="bootstrap.min.css">
<style type="text/css">
ul.list{
margin: 10px;
padding-left:10px;
list-style:none;
max-height:86px;
width:250px;
overflow-y:auto;
overflow-x:hidden;
border:1px solid #C3C4C5;
}
最低0.47元/天 解锁文章
517
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
