css里上边距代码，css设置距离顶部的距离

设置div的外边距为上20px,居中,下10px的代码。

首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的style标签中，输入css代码：.sub{margin-top： 30px；}。浏览器运行index.html页面，此时3个div子子容器的垂直间距被统一设置为了30px。

这个可以通过Position定位得到。你的DIV宽固定的情况下：DIV 父级：增加：position：relative。

设置两个div之间的间距的方法：先定义两个div，div里面分别有一段话。分别给两个div加上不同的背景色，方便看到div的位置。设置div的margin；使两个div之间的间距扩大。这样让两个div之间的间距扩大的问题就解决了。

相关问答

Q1: css浏览器上边距问题

1、display： inline 是只能够设置水平外边距，不受垂直外边距影响，所以h3变成display：inline的话就不会有那种情况了。

2、这是默认的间距，有的浏览器有，有的没有。很多容器都有这个默认间距，所以，一般情况下，建议你在CSS最上边加上一个preset，代码如下：{ padding：0；margin：0；} 这样就OK了。

3、margin-right 属性设置元素的右外边距。如图，div1距离div2的右边的距离大于10，所以设置这个属性，不会有变化 其次，就算你设置属性值大于div1距离div2的右边的距离，同样也不会有任何变化。

4、其实你看到的div的40px 上边距，就是ul里面的margin-top。你可以在.content{}里面加上overflow：hidden试一试。

5、浏览器有一些默认的内置样式：比如页面顶部或者四周的间距，就是你描述的这种“有个空”的现象。这种情况， 你要在你的CSS文件的最顶部，添加一行：html， body { margin：0； padding：0 } 这样就不会有空格了。

Q2: css字体上下的距离用什么代码

1、首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入css代码：td {padding： 20px；}。浏览器运行index.html页面，此时表格中的文字被设置为都距离上下左右20px大小。

2、如图所示 现在我们给div设置一个id为“wd”。如图所示 通过css在style使用letter-spacing给wd中的文字设置字间距为30px。#wd{letter-spacing：30px；}如图所示 在浏览器中打开我们发现字间距变大了。

3、传统的css下划线text-decoration样式只能设置其文字下划线样式而无法实现下划线与文字间距调整。所以借助与padding和border两个属性模拟下划线实现文字与下划线之间距离可调节。

4、！-- .lh{line-height：18px；} -- 在正文中引用这个css样式 例如 这段文字引用的样式为lh，行间距为18px 也可以把上面的lh这个类放在css文件中。

Q3: CSS页边距

这是由于不同浏览器会有不同的默认页边距造成的。看截图LZ用的好像是IE6。

边距宽度和边距高度指定 body 标签中的页边距大小，仅适用于 Netscape Navigator。Internet Explorer 忽略这些值，而是使用“左边距”和“顶部边距”。

你就会发现，你偏离了自己设计这个系统的初衷。记住，功能性的网站不是个人空间，你的功能实用、好用才是应该放在第一位的。美工可以慢慢学习，或者套用一些别人做好的效果，然后在套用的同时去学习这些。

弹出页面设置对话框，在页边距上、下、左、右输入框中输入所需要的数值即可，如图所示。问题六：word文档上下页边距，左右页边距怎么设置啊？ 在文件中的页面设置，页边距就可以设置了。

关于css里上边距代码和css设置距离顶部的距离的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。