CSS样式如何设置滚动条的内边距?
我想把下面的文字里下面的边距20px,在移动滚动条时,都是里下边距20px出现文字,向上移动,怎么实现啊,希望各位大哥大姐们给小弟一些这个问题的建议,小弟在此谢谢你们呢?...
我想把下面的文字里下面的边距20px,在移动滚动条时,都是里下边距20px出现文字,向上移动,怎么实现啊,希望各位大哥大姐们给小弟一些这个问题的建议,小弟在此谢谢你们呢?
展开
2018-07-31 · 武汉肥猫科技提供高端网站建设、SEO等服务
关注
展开全部
元素的内边距在边框和内容区之间。控制该区域最简单的属性是 padding 属性。
CSS padding 属性定义元素的内边距。padding 属性接受长度值或百分比值,但不允许使用负值。
您还可以按照上、右、下、左的顺序分别设置各边的内边距,各边均可以使用不同的单位或百分比值:
h1 {padding: 10px 0.25em 2ex 20%;
也通过使用下面四个单独的属性,分别设置上、右、下、左内边距:
padding 简写属性。作用是在一个声明中设置元素的所内边距属性。
padding-bottom 设置元素的下内边距。
padding-left 设置元素的左内边距。
padding-right 设置元素的右内边距。
padding-top 设置元素的上内边距。
CSS padding 属性定义元素的内边距。padding 属性接受长度值或百分比值,但不允许使用负值。
您还可以按照上、右、下、左的顺序分别设置各边的内边距,各边均可以使用不同的单位或百分比值:
h1 {padding: 10px 0.25em 2ex 20%;
也通过使用下面四个单独的属性,分别设置上、右、下、左内边距:
padding 简写属性。作用是在一个声明中设置元素的所内边距属性。
padding-bottom 设置元素的下内边距。
padding-left 设置元素的左内边距。
padding-right 设置元素的右内边距。
padding-top 设置元素的上内边距。
展开全部
两种方法,第一是在body里设置,第二是在样式里。
如果你只是单纯用的marquee的话这样写
<marquee style="padding:N px;"></marquee>
如果是样式里的话,先对marquee设置名称,然后写样式
body部分:<marquee class="X"></marquee>
CSS部分: .X{padding:N px;}
如果你只是单纯用的marquee的话这样写
<marquee style="padding:N px;"></marquee>
如果是样式里的话,先对marquee设置名称,然后写样式
body部分:<marquee class="X"></marquee>
CSS部分: .X{padding:N px;}
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
方法就是在滚动条里加个20高 宽度你自己制定的DIV 让他不随滚动条移动 背景色是白色或者是你滚动条里内容背景色 这样就可以盖住文字了
给你个简单的代码 你测试一下就了解了
<style type="text/css">
<!--
body{ background-color:#ccc;}
.nr{width:260px; height:245px; margin:auto; overflow-y:scroll; background-color:#fff;}
.con{ padding:0 20px 0 20px;}
.top{ width:240px; height:20px; position:absolute; z-index:100; top:expression(offsetParent.scrollTop); left:0; background-color:#0f0;}
.btm{ width:240px; height:20px; position:absolute; z-index:100; top:expression(offsetParent.scrollTop+225); left:0; background-color:#f00;}
.clear{ clear:both;}
-->
</style>
<div class="nr">
<div class="top"></div>
<div class="con">
1<br />
1<br />
1<br />
1<br />
1<br />
1<br />
1<br />
1<br />
1<br />
1<br />
1<br />
1<br />
1<br />
1<br />
1<br />
1<br />
1<br />
1<br />
1<br />
1<br />
1<br />
1<br />
1<br />
1<br />
1<br />
1<br />
1<br />
1<br />
1<br />
1<br />
1<br />
1<br />
1<br />
1<br />
1<br />
1<br />
1<br />
1<br />
</div>
<div class="btm"></div>
</div>
给你个简单的代码 你测试一下就了解了
<style type="text/css">
<!--
body{ background-color:#ccc;}
.nr{width:260px; height:245px; margin:auto; overflow-y:scroll; background-color:#fff;}
.con{ padding:0 20px 0 20px;}
.top{ width:240px; height:20px; position:absolute; z-index:100; top:expression(offsetParent.scrollTop); left:0; background-color:#0f0;}
.btm{ width:240px; height:20px; position:absolute; z-index:100; top:expression(offsetParent.scrollTop+225); left:0; background-color:#f00;}
.clear{ clear:both;}
-->
</style>
<div class="nr">
<div class="top"></div>
<div class="con">
1<br />
1<br />
1<br />
1<br />
1<br />
1<br />
1<br />
1<br />
1<br />
1<br />
1<br />
1<br />
1<br />
1<br />
1<br />
1<br />
1<br />
1<br />
1<br />
1<br />
1<br />
1<br />
1<br />
1<br />
1<br />
1<br />
1<br />
1<br />
1<br />
1<br />
1<br />
1<br />
1<br />
1<br />
1<br />
1<br />
1<br />
1<br />
</div>
<div class="btm"></div>
</div>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
给你2种方法:
1、在文字或者滚动条所在层加入marging-bottom:20px;
2、在文字或者滚动条所在层的外一层加入padding-bottom:20px;
1、在文字或者滚动条所在层加入marging-bottom:20px;
2、在文字或者滚动条所在层的外一层加入padding-bottom:20px;
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
padding-bottom:20px;
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询