css 盒子模型简介

盒子模型

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8" />

    <title>盒子模型</title>

    <style>

        body {

            margin: 0;

        }

        .container {

            margin: 100px;

        }

        .bd {

            border-style: groove;

        }

        .pd {

            padding: 100px;

        }

        .content {

            background-color: blue;

        }

    </style>

</head>

<body>

    <div class="container">

        <div class="bd">

            <div class="pd">

                <div class="content">hello</div>

            </div>

        </div>

    </div>

</body>

</html>

巴特西

css 盒子模型简介

最新文章

热门文章