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

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

}

padding属性:设置所有内边距属性。

行内非替换元素上设置的内边距不会影响行高计算;因此,如果一个元素既有内边距又有背景,从视觉上看可能会延伸到其他行,有可能还会与其他内容重叠。元素的背景会延伸穿过内边距。

不允许指定负边距值。

padding属性和padding-top,padding-bottom是不一样的。

padding属性是padding-top,padding-bottom,padding-left,padding-right的集合。

扩展资料:

padding使用方式:

1、padding:10px 5px 15px 20px

上内边距是 10px;

右内边距是 5px;

下内边距是 15px;

左内边距是 20px。

2、padding:10px

所有 4 个内边距都是 10px。

3、padding:10px 5px

上内边距和下内边距是 10px;

右内边距和左内边距是 5px。

4、padding-top:10px

上边距是10px。

左边距padding.left、右边距padding.right、上边距padding.top、下边距padding.botton。html中的鼠标以斜向上的箭头显示,移到文本上时变为有头的竖线,移到超级链接上变为手型。但用css可控制鼠标的显示效果,如可使鼠标移到普通文本上也显示成手型。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6179566.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-17
下一篇 2023-03-17

发表评论

登录后才能评论

评论列表(0条)

保存