您的位置：首页 > Web前端 > CSS

div+css页面布局-html代码

2015-11-24 12:45 691 查看
<html>

<head>
<title>div+css页面布局</title>
<meta http-equiv="content-type" content="text/html" >
<link rel="stylesheet" type="text/css" href="css/layout.css" />
</head>
<body>
<div id="container">
<div id="head">
<div id="logo">
</div>
<div id="banner">
</div>
<div id="tool">
</div>
<div class="nav">
</div>
<div id="menu">
<ul>
<li><a href="#">公司概况</a></li>
<li class="tiao"></li>
<li><a href="#">企业文化</a></li>
<li class="tiao"></li>
<li><a href="#">产品简介</a></li>
<li class="tiao"></li>
<li><a href="#">人才招聘</a></li>
<li class="tiao"></li>
<li><a href="#">联系我们</a></li>
</ul>
</div>
</div>
<div class="nav"></div> <!-- 分割条 -->
<div id="main">
<div class="leftbox">
<div class="left">
<div class="title"><h3>强烈推荐</h3></div>
<div class="content">
<ul>
<li><a href="#">点我进入</a></li>
<li><a href="#">点我进入</a></li>
<li><a href="#">点我进入</a></li>
<li><a href="#">点我进入</a></li>
<li><a href="#">点我进入</a></li>
<li><a href="#">点我进入</a></li>
<li><a href="#">点我进入</a></li>
<li><a href="#">点我进入</a></li>
<li><a href="#">点我进入</a></li>
</ul>
</div>
</div>
<div class="right">

</div>
<div class="nav"></div>
<div class="left">

</div>
<div class="right">

</div>
</div>
<div class="rightbox">

</div>
</div>
<div class="nav"></div> <!-- 分割条 -->
<div id="foot">

</div>

</div>

</body>

</html>

附件：http://down.51cto.com/data/2367135
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  div css
相关文章推荐
新的分享
章节导航