您的位置：首页 > 运维架构 > 网站架构

一个网站雏形

2013-10-17 21:22 148 查看

<!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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航