html中 段前段后间距怎么设置?

html-css029

html中 段前段后间距怎么设置?,第1张

段落基本上是用<p></p>标签,你可以在css样式表中设置两个<p>标签的段前后间距。举个例子:

<p class="first">这是第一个段落,我希望我段前有30px的间隔,段后有20px的间隔</p>

<p class="second">这是第二个段落,因为第一段段后有20px,所以我希望段前有10px的间隔,段后有30px的间隔</p>

CSS:

.first{

    margin-top:30px

    margin-bottom:20px

}

.second{

    margin-top:10px

    margin-bottom:30px

}

html怎么设置行间距离

在html中很多人知道如何调解网站的行距,因为默认的行距给人的视觉是非常紧凑的,文章多了就造成不容易阅读。那么,html怎么设置行间距离?下面就由我给大家介绍介绍吧,希望对大家有帮助。

   html中的行距设置方法有以下几种:

方法一 、让整个网站的行距变化,将下面的代码添加到head的中间:

这样是整个页面行距增加了原来的.2倍。你也可以设置line-height:150%、line-height:40px 等等方法。

方法二、 只是让部分网站页面的内容行距增加:

用table布局就用这个,变化line-height的数值。

相关知识 

用div布局就用这个,变化line-height的数值。

我们可以用:

来设定一段文字内的行距.

但我们怎么设定两段文字之间的行距呢? 即

1 <p >一段文字

2 <p >第二段文字

之间的行距怎么设定呢?我可以设成单倍间距吗?

另外,line-height:100%是不是就是我们在Word中的单倍行距啊?

段与段距:

1 <p style = "margin:20px" >一段文字

2 <p style = "margin:20px" >第二段文字

也可以这样写文字内容,如果设置为1就是单倍行距了,2就是双倍行距。

或文字内容,设置为100%就是单倍行距。

用就可以空一行了吧

给这写样式 设margin值

margin:上边 右边 下边 左边

也可以在段与段之间加个DIV或别的标签定义个高度

好像不能直接定义段与段之间的距离

居然是09年的问题(┬_┬)