当前位置: 首页 > 生活问答 > 生活百科 > 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滚动条样式设置的全部内容,如果大家还对相关的内容感兴趣,请持续关注上海建站网!

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

详情:操作步骤/方法【方法1】11.2000力,84智力敏捷拿武器......

国叶集团是做什么的?
国叶集团是做什么的?

详情:操作步骤/方法1国叶科技有限公司于2016年01月18日成立......

Cydia怎么添加源,怎么在C
Cydia怎么添加源,怎么在C

详情:操作步骤/方法1在已经越狱的设备上找到Cya越狱应用图标,点......

素数和合数是什么
素数和合数是什么

详情:操作步骤/方法11质数称素数。指在一个大于1的自然数中,除了......