您的位置：首页 > 其它

div布局

2016-03-23 13:46 429 查看

<!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=utf-8" />
<title>360</title>
<style>
#a{
border:1px solid #000;
width:1000px;
height:100px;
top:100px;
margin:auto;

}
#b{
border:1px solid #000;
width:250px;
height:300px;
left:175px;
position:absolute;
}

#c{
border:1px solid #000;
width:710px;
height:400px;
left:465px;
position:absolute;}

#d{
border:1px solid #000;
width:250px;
height:150px;
left:175px;
top:450px;
position:absolute;

}

#e{
border:1px solid #000;
width:710px;
height:300px;
left:465px;
top:550px;
position:absolute;

}

#f{
border:1px solid #000;
width:250px;
height:1110px;
left:175px;
top:620px;

position:absolute;
}

#g{
border:1px solid #000;
width:710px;
height:850px;
left:465px;
top:880px;

position:absolute;
}

</style>

</head>

<body >

<div id="a"><table border="0" cellpadding="0" cellspacing="0" height="30" width="600" align="center">
<tr>
<td><a href="http://www.baidu.com">网页</a></td>
<td ><a href="http://www.baidu.com">新闻</a></td>
<td ><a href="http://www.baidu.com">视频</a></td>
<td ><a href="http://www.baidu.com">图片</a></td>
<td ><a href="http://www.baidu.com">音乐</a></td>
<td ><a href="http://www.baidu.com">微博</a></td>
<td ><a href="http://www.baidu.com">地图</a></td>
<td ><a href="http://www.baidu.com">贴吧</a></td>
<td ><a href="http://www.baidu.com">机票</a></td>

</tr>

</table>

</div>

<br />
<div id="b">b新闻视频</div>
<div id="c">c好药</div>
<div id="d">d小广告</div>
<div id="e">e发现你喜欢</div>
<div id="f">f猜你爱看</div>
<div id="g">g</div>

</body>
</html>

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

标签：

相关文章推荐

新的分享

章节导航