css中margin属性的意义是什么 css属性margin是什么意思

主机教程 建站分享 2年前 (2022-10-30) 191次浏览

文章摘要:css中margin属性的意义是什么 css属性margin是什么意思

css中margin属性的意义是外边距间隔属性,可以通过它来实现两个div之间的间距。 示例: <!DO […]

css中margin属性的意义是外边距间隔属性,可以通过它来实现两个div之间的间距。

示例:

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>水平方向的两个盒子</title>

    <style>

        *{

            margin:0;

            padding:0;

            border:0;

        }

        body{

            font-size: 0;

        }

        .left{

            width: 100px;

            height: 100px;

            background: red;

            display: inline-block;

            margin-right: 50px;

            font-size: 20px;

        }

        .right{

            width: 100px;

            height: 100px;

            background: yellow;

            display: inline-block;

            margin-left: 50px;

            font-size: 20px;

        }

    </style>

</head>

<body>

    <div>宽为100px,右边距为50px</div>

    <div>宽为100px,左边距为50px</div>

</body>

</html>


声明:
若非注明,本站文章源于互联网收集整理和网友分享发布,如有侵权,请联系站长处理。
文章名称:css中margin属性的意义是什么 css属性margin是什么意思
文章链接:http://www.7966.org/post/13525.html
转载请注明出处

喜欢 (0)