CSS代码如何叠加外边距

本文讲解"CSS代码怎么叠加外边距"，希望能够解决相关问题。

<style type="text/css">   
        p{   
            color: black;   
            background: #ccc;   
            margin-top: 50px;   
            margin-bottom: 30px;   
            height: 50px;   
            border: 1px solid red;   
        }   
</style>

第一段的下外边距与第二段的上外边距相邻，你可能认为它们之间的外边距是80px，但实际的间距却是50px。像这样的上下外边距相遇时，它们就会相互重叠，直至一个外边距碰到另一个元素的边框。因此，在这里，第二段较宽的上外边距就会碰到第一段的边框。也就是说，较宽的外边距决定两个元素最终离多远。这个过程就是外边距叠加。

效果如下：

css的选择器有哪些

css的选择器可以分为三大类，即id选择器、class选择器、标签选择器。它们之间可以有多种组合，有后代选择器、子选择器、伪类选择器、通用选择器、群组选择器等等

关于 "CSS代码怎么叠加外边距" 就介绍到此。希望多多支持编程宝库。

本文讲解"CSS定义超链接样式的方法是什么"，希望能够解决相关问题。CSS为一些特殊效果准备了特定的工具，我们称之为“伪类”。其中有几项是我们经常用到的，下面我们就详细介绍一下经常用于定义链接样式的四个伪类 ...