div滚动条样式设置,滚动条的设置是因为内容太多,但是又需要把内容放置在一个区域内,这样用户就可以用滚动的方式来查看内容了,每个浏览器默认的滚动条略有不同,因此这里就教大家设置滚动条样式。
工具/原料
1
windows7
2
chrome浏览器
3
sublime text3
方法/步骤
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%;}现在我们就能对轨道和滚动条进行样式的设置了。
注意事项
滚动条要根据网页实际来设置粗细
上一篇:个人理财渠道优缺点有哪些
下一篇:银行短期贷款资金周转咨询