今天写的一个页面的布局

时间：2016-07-12 19:25:40 阅读：90 评论：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年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行