CSS属性（CSS盒子模型）

1.CSS盒子模型

<!DOCTYPE html>

<html lang="zh-CN">

<head>

    <meta charset="UTF-8">

    <title>09盒子模型示例</title>

    <style>

        .c1 {

            height: 200px;  /*内容区域*/

            width: 300px;

            padding: 10px;  /* 内填充区域，内容区和边框之间的距离，也叫内边距/内填充。  */

            border: 5px solid green; /*边框区域*/

            /*margin: 10px 10px 10px 10px;   !* 外边距区域，一般用于调整两个标签之间的距离. 顺序是上右下左*!*/

            /*margin: 20px 30px;  !* 上下是20像素外边距， 左右是30像素 *!*/

            margin: 0 auto; /* 上下是0， 左右是自动调节，效果是剧中 */

        }

    </style>

</head>

<body>

<div class="c1"></div>

</body>

</html>

巴特西

CSS属性（CSS盒子模型）

最新文章

热门文章