当前位置: 首页 > 生活问答 > 生活百科 > div滚动条样式设置

div滚动条样式设置

网站编辑:上海建站网 发布时间:2022-04-15  点击数:
导读:操作步骤/方法1新建一个HTML文档,这里设立一下基本的架构。2再新建一个CSS文件,用link关联一下HTML文档。3创建DIV标签,并且往里面填充内容。4先设定一下滚动条内框的大小,用border先来查看是否有超出,这里可以看出超出了很多内容。5overflow-y:scroll;6overflow-x:scroll;7加上这个样式滚动条就会出现了。8#ds::-webkit-scrollba...
div滚动条样式设置

操作步骤/方法

1 新建一个HTML文档,这里设立一下基本的架构。 2 再新建一个CSS文件,用link关联一下HTML文档。 3 创建DIV标签,并且往里面填充内容。 4 先设定一下滚动条内框的大小,用border先来查看是否有超出,这里可以看出超出了很多内容。 5 overflow-y:scroll; 6 overflow-x:scroll; 7 加上这个样式滚动条就会出现了。 8 #ds::-webkit-scrollbar-track{ 9 background-color:green; 10 } 11 #ds::-webkit-scrollbar{ 12 width:20px; 13 } 14 #ds::-webkit-scrollbar-thumb{ 15 background-color:pink; 16 border-radius:50%; 17 } 18 现在我们就能对轨道和滚动条进行样式的设置了。 END

  以上就是小编为大家介绍的div滚动条样式设置的全部内容,如果大家还对相关的内容感兴趣,请持续关注上海建站网!

  标签:
内容声明:网站所展示的内容均由第三方用户投稿提供,内容的真实性、准确性和合法性均由发布用户负责。上海建站网对此不承担任何相关连带责任。上海建站网遵循相关法律法规严格审核相关关内容,如您发现页面有任何违法或侵权信息,欢迎向网站举报并提供有效线索,我们将认真核查、及时处理。感谢您的参与和支持!
浏览此文的人还看过
《生存之旅2/求生之路2》攻略
《生存之旅2/求生之路2》攻略

详情:操作步骤/方法【方法1】11.一开始会有直升机从这里飞走,我......

土地使用权年限介绍?
土地使用权年限介绍?

详情:操作步骤/方法11土地使用年限是指对合法取得的土地所享有的使......

用手机怎么制作txt格式的电子
用手机怎么制作txt格式的电子

详情:操作步骤/方法1打开安卓市场,在搜索栏中输入“记事簿”,找到......

如何申请电子邮件
如何申请电子邮件

详情:操作步骤/方法1打开百度,搜索电子邮件,那么会有许多网站可以......