今天写的一个页面的布局

时间：2016-07-12 19:22:25 阅读：164 评论：0 收藏：0 [点我收藏+]

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        *{
            margin: 0px;
            padding: 0px;
        }
        .a{
            height: 114px;
            border-bottom: 10px solid #176FBB;
            min-width: 1000px;
        }
        .b{
            background-color: #B20007;
            height: 114px;
            width: 1000px;
            margin: 0 auto;
        }
        .c{
            border: 1px solid red;
            width: 1000px;
            height: 53px;
            line-height: 53px;
            margin: 0 auto;
        }
        .d{
            background: url(bg.jpg) center no-repeat;
            width: 100%;
            height: 346px;
            min-width: 1000px;
        }
        .e{
            width: 1000px;
            height: 400px;
            border: 1px solid green;
            margin: 0 auto;
            background-color: green;
        }
        .f{
            width: 100%;
            height: 300px;
            background-color: #023C4D;
            min-width: 1000px;
        }
    </style>
</head>
<body>
    <div class="a">
        <div class="b"></div>
    </div>
    <div>
        <p class="c">
            首页>伴手礼
        </p>
        <p class="d">
            
        </p>
        <p class="e">
            
        </p>
    </div>
    <div class="f"></div>
</body>
</html>

今天写的一个页面的布局

原文：http://www.cnblogs.com/fw02111108/p/5664490.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)