当overflow :scroll 出现滚动条后，默认的滚动条样式太丑了，不是我们想要的，那么我们来修改一下吧！~　话不多说，直接上代码 

 

/* 定义滚动条样式 */

::-webkit-scrollbar {   width: 6px;   height: 6px;    }   /*定义滚动条轨道 内阴影+圆角*/ ::-webkit-scrollbar-track {   box-shadow: inset 0 0 0px rgba(180, 180, 180, .5);   border-radius: 10px;    }   /*定义滑块 内阴影+圆角*/ ::-webkit-scrollbar-thumb {   border-radius: 10px;   box-shadow: inset 0 0 0px rgba(180, 180, 180, .5);    }   好啦，完美实现，看一下效果吧      

/********
 *                    
 *                 .-~~~~~~~~~-._       _.-~~~~~~~~~-.
 *             __.'  欢迎访问     ~.   .~              `.__
 *           .'//     我的博客      \./   ☞ 送你小❤ ☜  \\`.
 *         .'//                     |                     \\`.
 *       .'// .-~"""""""~~~~-._     |     _,-~~~~"""""""~-. \\`.
 *     .'//.-"                 `-.  |  .-'                 "-.\\`.
 *   .'//______.============-..   \ | /   ..-============.______\\`.
 * .'______________________________\|/______________________________`.
 */