CSS属性（CSS盒子模型）

本文转载自查看原文 2019-01-06 16:37 759 前端开发

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>

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 css属性之盒子模型与背景设置 CSS盒子模型-背景属性 [CSS属性设置，盒子模型，网页布局] css知多少（7）——盒子模型聊聊css盒子模型【CSS】盒子模型的计算 css 盒子模型理解 CSS盒子模型与怪异盒模型深入理解CSS盒子模型 CSS魔法堂：盒子模型简介