用div+css怎么样制作如图的样子

麻烦用代码表示出来... 麻烦用代码表示出来 展开
 我来答
匿名用户
2015-10-13
展开全部
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<style  type="text/css">
.container{
 width: 250px;
 margin: 0 auto;
}
.big-box{ 
 width: 250px;
 height: 48px;
 border: 2px solid #000;
}
.small-box-left{
 float: left;
 width: 100px;
 height: 48px;
 border: 2px solid #000;
}
.small-box-right{
 float: right;
 width: 100px;
 height: 48px;
 border: 2px solid #000;
}
.center{
 width: 100%;
 height: 52px;
 margin: 10px 0;}
 
</style>
<body>
  <div class="container">
    <div class="big-box"></div>
    <div class="center">
     <div class="small-box-left"></div>
     <div class="small-box-right"></div>
    </div>      
    <div class="big-box "></div>
  </div>
</body>
</html>
恋人未满zll
2015-10-13 · TA获得超过228个赞
知道小有建树答主
回答量:320
采纳率:0%
帮助的人:80.6万
展开全部
就是做几个表格 给它写样式(就是你自己想要的宽度 、高度、给他一个边框)
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
Oo_sky
2015-10-13 · TA获得超过1169个赞
知道小有建树答主
回答量:372
采纳率:25%
帮助的人:276万
展开全部
哪里有难点?
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式