css边距怎么设置-木庄网络博客

本文摘自PHP中文网，作者青灯夜游，侵删。

css设置边距的方法：1、使用margin属性设置外边距，定义元素周围的空间，可以控制块级元素之间的距离；2、使用padding属性设置内边距，定义元素边框与元素内容之间的空间。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

css设置边距的方法：

margin属性设置外边距
padding属性设置内边距

方法：使用margin属性设置外边距

margin属性定义元素周围的空间，控制块级元素之间的距离。

<!DOCTYPE html>
<html>
 
    <head>
        <meta charset="utf-8">
        <style>
            p {
                background-color: yellow;
            }
             
            p.margin {
                margin: 100px 50px;
            }
        </style>
    </head>
 
    <body>
        <p>这是一个没有指定边距大小的段落。</p>
        <p>这是一个没有指定边距大小的段落。</p>
        <p class="margin">这是一个指定边距大小的段落：上下边距100px，左右边距50px。</p>
        <p>这是一个没有指定边距大小的段落。</p>
    </body>
 
</html>