1000字范文,内容丰富有趣,学习的好帮手!
1000字范文 > html 圆点滚动条 html滚动条样式如何设置

html 圆点滚动条 html滚动条样式如何设置

时间:2022-07-08 07:30:47

相关推荐

html 圆点滚动条 html滚动条样式如何设置

设置html滚动条样式的方法:首先新建文档,再新建CSS文件;然后创建DIV标签并填充内容,并设定滚动条内框的大小,代码为【overflow-y: scroll;overflow-x: scroll;】。

本教程操作环境:windows7系统、html5&&css3版,DELL G3电脑。

设置html滚动条样式的方法:

1、新建一个HTML文档,这里设立一下基本的架构。

2、再新建一个CSS文件,用link关联一下HTML文档。

3、创建DIV标签,并且往里面填充内容。

4、先设定一下滚动条内框的大小,用border先来查看是否有超出,这里可以看出超出了很多内容。

5、

overflow-y: scroll;

overflow-x: scroll;

加上这个样式滚动条就会出现了。

6、#ds::-webkit-scrollbar-track {

background-color: green;

}

#ds::-webkit-scrollbar {

width: 20px;

}

#ds::-webkit-scrollbar-thumb {

background-color: pink;

border-radius: 50%;

}

现在我们就能对轨道和滚动条进行样式的设置了。

相关学习推荐:html教程

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。