[CSS] margin / border / padding

📌 margin

box에서 border(경계)의 바깥에 있는 공간

    <style>

        html {
            background-color: tomato;
        }
        body {
            margin-top: 20px;
            margin-left: 10px;
            margin-right: 5px;
            margin-bottom: 10px;
            background-color: thistle;
        }
        div {
            margin-left: 50px;
            height: 150px;
            width: 150px;
            background-color: whitesmoke;
        }

    </style>