dreamweaver如何用div布局
目前我只会用table布局，现在要求用div，那个高手帮我写一下这张图的代码，每一个方框代表一个盒子...
目前我只会用table布局，现在要求用div，那个高手帮我写一下这张图的代码，每一个方框代表一个盒子
展开
1个回答
展开全部
没分懒得写呢 下面就是<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<style>
.div{width:100%}
.div0{width:100%;height:300px;padding:20px;border:1px solid #000000}
.div1{width:100px;height:50px;margin-right:50px;float:left;border:1px solid #000000}
.div2{width:50px;height:50px;margin:50px 100px 0px 100px;float:left;border:1px solid #000000}
.div3{width:500px;height:150px;margin:30px;border:1px solid #000000}
</style><body><div class="div0">
<div class="div">
<div class="div1"></div>
<div class="div1"></div>
<div class="div1"></div>
<div class="div1"></div>
</div>
<div class="div">
<div class="div2"></div>
<div class="div2"></div>
</div>
<div class="div">
<div class="div3"></div>
</div>
</div>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<style>
.div{width:100%}
.div0{width:100%;height:300px;padding:20px;border:1px solid #000000}
.div1{width:100px;height:50px;margin-right:50px;float:left;border:1px solid #000000}
.div2{width:50px;height:50px;margin:50px 100px 0px 100px;float:left;border:1px solid #000000}
.div3{width:500px;height:150px;margin:30px;border:1px solid #000000}
</style><body><div class="div0">
<div class="div">
<div class="div1"></div>
<div class="div1"></div>
<div class="div1"></div>
<div class="div1"></div>
</div>
<div class="div">
<div class="div2"></div>
<div class="div2"></div>
</div>
<div class="div">
<div class="div3"></div>
</div>
</div>
</body>
</html>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
