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>

 

posted @ 2019-01-06 16:37  _小溢  阅读(1239)  评论(0)    收藏  举报