一个网站雏形

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<style type="text/css">

#header {
    width: 960px;
    height:40px;
    margin: 10px auto;
    background: lightblue;
    
}

#nav {
    width: 960px;
    height:40px;
    margin: 0 auto;
    background: lightblue;
}

#content {
    width: 960px;
    height:440px;
    margin: 10px auto;
    background: lightblue;
}

#main {
    width: 700px;
    height: 420px;
    background: lightyellow;
    float: left;
    margin: 10px 10px;
}

#side {
    width: 200px;
    height: 420px;
    background: lightyellow;
    float: right;
    margin: 10px 10px;
}

#footer {
    width: 960px;
    height: 40px;
    background: lightyellow;
    margin: 10px auto;
}
</style>

</head>
<body>

    <div id="header">header</div>
    
    <div id="nav">nav</div>
    
    <div id="content">
        <div id="main">main</div>
        <div id="side">side</div>
    </div>
    
    <div id="footer">footer</div>

</body>
</html>

posted @ 2013-10-17 21:22  无忧之路  阅读(219)  评论(0)    收藏  举报
无忧之路