急需！用div+css做出如图框架
4个回答
展开全部
代码如下，希望能帮到你哦！
<!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>无标题文档</title>
<style type="text/css">
.logo{ margin:0 auto; width:960px; height:60px; background:#999900;}
.nav{margin:0 auto; width:960px; height:50px; background:#99CC33;}
.pic{margin:0 auto; width:960px; height:260px; background:#99FF99;}
.con{margin:0 auto; width:960px; height:260px;}
.conleft{ float:left; width:260px; height:260px; background:#0099CC;}
.conmiddle{float:left; width:430px; height:260px; background:#00CCFF;}
.conright{float:left; width:260px; height:260px; background:#009966;}
.footer{margin:0 auto; width:960px; height:30px; background:#996600;}
</style>
</head>
<body>
<div class="logo"></div>
<div class="nav"></div>
<div class="pic"></div>
<div class="con">
<div class="conleft"></div>
<div class="conmiddle"></div>
<div class="conright"></div>
</div>
<div class="footer"></div>
</body>
</html>
<!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>无标题文档</title>
<style type="text/css">
.logo{ margin:0 auto; width:960px; height:60px; background:#999900;}
.nav{margin:0 auto; width:960px; height:50px; background:#99CC33;}
.pic{margin:0 auto; width:960px; height:260px; background:#99FF99;}
.con{margin:0 auto; width:960px; height:260px;}
.conleft{ float:left; width:260px; height:260px; background:#0099CC;}
.conmiddle{float:left; width:430px; height:260px; background:#00CCFF;}
.conright{float:left; width:260px; height:260px; background:#009966;}
.footer{margin:0 auto; width:960px; height:30px; background:#996600;}
</style>
</head>
<body>
<div class="logo"></div>
<div class="nav"></div>
<div class="pic"></div>
<div class="con">
<div class="conleft"></div>
<div class="conmiddle"></div>
<div class="conright"></div>
</div>
<div class="footer"></div>
</body>
</html>
更多追问追答
追问
谢谢喔
追答
不客气奥，
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
div + table 做，很快完成。
追问
老师让用 div+css 期末作业
你会吗？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
代码如下
<!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>html</title>
<style type="text/css">
.logo{ margin:0 auto; width:950px; height:60px; background:#999900;}
.nav{margin:0 auto; width:950px; height:50px; background:#99CC33;}
.pic{margin:0 auto; width:950px; height:260px; background:#99FF99;}
.con{margin:0 auto; width:950px; height:260px;}
.conleft{ float:left; width:260px; height:260px; background:#0099CC;}
.conmiddle{float:left; width:430px; height:260px; background:#00CCFF;}
.conright{float:left; width:260px; height:260px; background:#009966;}
.footer{margin:0 auto; width:950px; height:30px; background:#996600;}
</style>
</head>
<body>
<div class="logo"></div>
<div class="nav"></div>
<div class="pic"></div>
<div class="con">
<div class="conleft"></div>
<div class="conmiddle"></div>
<div class="conright"></div>
</div>
<div class="footer"></div>
</body>
</html>
<!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>html</title>
<style type="text/css">
.logo{ margin:0 auto; width:950px; height:60px; background:#999900;}
.nav{margin:0 auto; width:950px; height:50px; background:#99CC33;}
.pic{margin:0 auto; width:950px; height:260px; background:#99FF99;}
.con{margin:0 auto; width:950px; height:260px;}
.conleft{ float:left; width:260px; height:260px; background:#0099CC;}
.conmiddle{float:left; width:430px; height:260px; background:#00CCFF;}
.conright{float:left; width:260px; height:260px; background:#009966;}
.footer{margin:0 auto; width:950px; height:30px; background:#996600;}
</style>
</head>
<body>
<div class="logo"></div>
<div class="nav"></div>
<div class="pic"></div>
<div class="con">
<div class="conleft"></div>
<div class="conmiddle"></div>
<div class="conright"></div>
</div>
<div class="footer"></div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这个用div+css很好实现的，你是需要怎么帮你呢？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
