小编给大家带来的css如何设置滚动条颜色大家还喜欢吗?更多精彩好看的攻略请来图e软件园哦!
本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
设置滚动条颜色方法教程及代码:
.div-box {
width: 600px;
overflow-y: auto;
border: 1px solid #DCDFE6;
margin: 20px;
scrollbar-face-color: #333; /*滚动条颜色*/
scrollbar-shadow-color: #999;/*滚动条阴影颜色*/
}
1.首先新建html文档,进入代码书写界面。2.在和的里面写入代码,在里面写入想要输入的内容。3.书写外层轨道css代码。body::-webkit-scrollbar { width:20px; height:2px; background:#ccc; border-radius:10px;/*外层轨...
//滚动条凹槽的颜色,还可以设置边框属性 ::-webkit-scrollbar-track-piece { background-color:#f8f8f8;} //滚动条的宽度 ::-webkit-scrollbar { width:9px;height:9px;} //滚动条的设置 ::-webkit-scrollbar-th...
scrollbar-3dlight-color滚动条亮边框颜色 scrollbar-arrow-color滚动条方向箭头的颜色 scrollbar-darkshadow-color滚动条下边和右边的边沿颜色 scrollbar-face-color滚动条3D表面的颜色 scrollbar-highlight-color滚动条斜面和左...
CopyRight©2018年-2021年 皖ICP备2020018799号-7
图e软件园 All Rights Reserved
商务合作、删除文章联系bbbmo678@126.com