要设置html滚动条的样式,请先创建新文档,然后创建新的CSS文件。 然后,创建DIV标签并输入内容,将滚动条中框的大小调整为【overflow-y: scroll; overflow-x: scroll; 】。
本教程操作环境: windows7系统、html5css3版、戴尔G3计算机。
如何设置html滚动条的样式:
1、创建新的HTML文档。 在此设定基本框架。
2、再制作一个CSS文件,用link关联一下HTML文档吧。
3、制作DIV标签,并在里面填写内容。
4、先设定滚动条的内框大小,用边框先查一下有没有超过。 在这里可以看到超过了很多内容。
5、
overflow-y: scroll;
overflow-x: scroll;
将显示此样式的滚动条。
6、# ds :3360-WebKit-scroll bar-track {
背景色: green;
}
# ds :-WebKit-scroll bar {
width: 20px;
}
# ds :3360-WebKit-scroll bar-thumb {
背景色: pink;
border-radius: 50%;
}
现在可以设置轨道和滚动条的样式。
相关学习建议: html教程