css修改滚动条样式

::-webkit-scrollbar //滚动条整体部分，可以设置宽度
::-webkit-scrollbar-button //滚动条两端的按钮
::-webkit-scrollbar-track //外层轨道
::-webkit-scrollbar-track-piece //内层滚动槽
::-webkit-scrollbar-thumb //滚动的滑块
::-webkit-scrollbar-corner //边角
::-webkit-resizer //右下角拖动块的样式

body::-webkit-scrollbar {
    width: 6px;
  }
body::-webkit-scrollbar-thumb {
    background-color: #d8d8d8;
    border-radius: 9999px;
  }

::after和::before

/* after和before 为元素添加一个空标签，分别置于元素所以子元素之后/之前常常用作样式布局，也可以展示文字 */
div::before,div::after{
  content:"";
/*
 before元素内的文字，即使为空也要写该属性，否则伪元素不生效 也可以用`attr()`来接收标签自定义属性文字 如：<div data-text='aaa'><div> css：content:attr(data-text);就可以拿到'aaa'文字
*/
}