首页 > 编程知识 正文

html滚动条设置(css样式前面加个圆点)

时间:2023-05-03 05:27:34 阅读:69332 作者:3581

要设置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教程

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。