CSS基础(7.初识margin)

来源:互联网 发布:angular tooltips.js 编辑:程序博客网 时间:2024/06/14 09:23
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title>    <style>        .header{            height: 38px;            background-color: #dddddd;            line-height: 38px;        }    </style></head><body style="margin: auto"><!--margin外边距,默认居中-->    <div class="header">        <div style="width: 980px;margin: 0 auto;">            <!--margin后面如果只有两个参数的话,第一个表示top和bottom,第二个表示left和right因为0 auto,表示上下边界为0,左右则根据宽度自适应相同值(即居中)-->            <div style="float: left;">收藏本站</div>            <div style="float: right;">                <a>登录</a>                <a>注册</a>            </div>            <div style="clear: both"></div>        </div>    </div></body></html>