第2章用HTML+CSS实现最简单的网页布局效果：一列布局

最新推荐文章于 2022-08-20 12:24:47 发布

weixin_30848775

最新推荐文章于 2022-08-20 12:24:47 发布

阅读量245

点赞数

原文链接：http://www.cnblogs.com/jiaochengli/p/6504090.html

版权

第2章用HTML+CSS实现最简单的网页布局效果：一列布局

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>第2章 用HTML+CSS实现最简单的网页布局效果：一列布局</title>
    <style>
        body{
            margin: 0;
            padding: 0;
        }
        .top{
            height: 100px;
            background-color: blue;

        }
        .main{
            width: 800px;
            height: 300px;
            background-color: #ccc;
            margin: auto;
        }
        .foot{
            height: 100px;
            width: 800px;
            background-color: #900;
            margin: 0 auto;
        }
    </style>
</head>
<body>
<div class="top"></div>
<div class="main"></div>
<div class="foot"></div>
</body>
</html>