CSS基础-16CSS盒子模型-外边距

来源:互联网 发布:php时间戳代码 编辑:程序博客网 时间:2024/06/14 03:18
<!DOCTYPE html><!--CSS盒子模型-外边距--><html><head lang="en">    <meta charset="UTF-8">    <title></title>    <link href="css04.css" type="text/css" rel="stylesheet"></head><body>   <!--<div class ="div01">-->           <!--APICloud是一家移动应用开发者平台,-->           <!--为App开发者提供云端的API服务和-->           <!--数据存储服务,支持在线NoSQL数据表设计、-->           <!--API调试及用量分析;同时提供推送、云修复-->           <!--、大数据分析等服务。APICloud由“云API”-->           <!--和“端API”两部分组成,-->           <!--可以帮助开发者快速实现移动应用的开发、-->           <!--测试、发布、管理和运营的全生命周期管理。-->           <!--柚子(北京)科技有限公司旗下产品。-->   <!--</div>-->   <!--容器 外边框-->   <div class ="div02">       <div class="biankaung">            <div class="neibianju">                <div class="neirong">                    APICloud是一家移动应用开发者平台,                    为App开发者提供云端的API服务和                    数据存储服务,支持在线NoSQL数据表设计、                    API调试及用量分析;同时提供推送、云修复                    、大数据分析等服务。APICloud由“云API”                    和“端API”两部分组成,                    可以帮助开发者快速实现移动应用的开发、                    测试、发布、管理和运营的全生命周期管理。                    柚子(北京)科技有限公司旗下产品。                </div>            </div>       </div>   </div></body>

</html>

css

body{    margin: 0px;}/*.div01{*/    /*background-color: #b3d4fc;*/    /*margin: 100px;*/    /*margin-top: 100px;*/    /*margin-bottom: 100px;*/    /*margin-left: 100px;*/    /*margin-right: 100px;*//*}*//*外边距,容器*/.div02{  margin: 100px;}/*边框*/.biankaung{    border: double;}/*内边距*/.neibianju{    padding: 100px;}/*内容*/.neirong{    background-color: #ffff00;}

0 0