css中设置标签外边距的代码，css设置标签间距

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

方法一：使用绝对布局位置：absolutefordiv并设置top、left、right、bottom的值相等，但不一定都等于0；并设置边距：自动。方法二：这个方法需要知道div的宽度和高度。

div居中可以用外边距margin属性来实现。

首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的style标签中，输入css代码：.sub{margin-top： 30px；}。

在test.html文件内，对body进行样式初始化，设置外边距margin为0，内边距padding为0，同时使用text-align设置文字居中。

内边距padding的意思是： 边框与内容之间的距离。外边距margin的意思是：边框与边框之间的距离。

相关问答

Q1: 设置上外边距为50px的css代码是

在css标签内，通过class设置p标签的样式，使用margin-top属性定义它上外边距为50px，使用padding-top定义它上内边距为50px。注：margin-top属性和padding-top属性不同之外在于内与外边距的区别。

首先我们创建一个html文件，引入必须的css文件后，创建一个父div和两个子div作为测试。最简单的方法就是使用float浮动，将两个div进行左右浮动，即可设置出边距，这里适合使用百分比。

给右列一设置margin：auto 50px； 上下外边距不管，左右个50px margin 意思是 简写属性在一个声明中设置所有外边距属性。这个简写属性设置一个元素所有外边距的宽度，或者设置各边上外边距的宽度。

在CSS中，可以使用margin属性及其相关属性来设置外边距。margin(外边距)属性定义元素周围的空间，允许使用负值。margin 清除周围的（外边框）元素区域。margin 没有背景颜色，是完全透明的。

让我们自己算算：300px (宽)+ 50px (左 + 右填充)+ 50px (左 + 右边框)+ 50px (左 + 右边距)= 450px 试想一下，你只有250像素的空间。

Q2: 如何用CSS缩小两个之间的距离

CSS 框模型 (Box Model) 规定了元素框处理元素内容、内边距、边框 和 外边距 的方式。

可以使用CSS margin 属性，控制两个div的距离 定义和用法 margin 简写属性在一个声明中设置所有外边距属性。该属性可以有 1 到 4 个值。说明 这个简写属性设置一个元素所有外边距的宽度，或者设置各边上外边距的宽度。

和之间的距离远近可以通过外边距来设置 margin： 10px 5px； /* 设置上下边距10px，左右边距5px*/举个例子 创建HTML元素 我是第一段呀我是第一段。我是第二段呀我是第二段啊我还是第二段。

css设置图片距离可以用盒子模型的margin属性。

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