这样一个div布局: a.在网页中添加一个有边框的div,它的宽度是400px,高度是360px,设置它里面的内容距离
四周边框各5px;b.在这个div里面添加两个div,分两行放,第一行放一个有边框的div,它的宽100%高18%;第二行放一个没边框的div,它的宽95%高80%,它里...
四周边框各5px;
b.在这个div里面添加两个div,分两行放,第一行放一个有边框的div,它的宽100% 高18%;第二行放一个没边框的div,它的宽95% 高80%,它里面的内容距离四周边框各5px,它的外部空隙为5px;
c.在第二行没边框的div里面再放三个并排的有边框div,它们的宽30% 高95%;
d.对于有边框的div,把他们的边框宽度设为1px,边框颜色为#00ff00,边框为实线。
各位能把代码写给我一下吗?感谢不尽啊! 展开
b.在这个div里面添加两个div,分两行放,第一行放一个有边框的div,它的宽100% 高18%;第二行放一个没边框的div,它的宽95% 高80%,它里面的内容距离四周边框各5px,它的外部空隙为5px;
c.在第二行没边框的div里面再放三个并排的有边框div,它们的宽30% 高95%;
d.对于有边框的div,把他们的边框宽度设为1px,边框颜色为#00ff00,边框为实线。
各位能把代码写给我一下吗?感谢不尽啊! 展开
4个回答
展开全部
插入div标签,在设置相应div标签的css样式,步骤几乎都是循环的
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
看看是否这样
<html>
<head>
<meta http-equiv="Content -Type" content="text/html; charset=utf-8">
<title>test</title>
<style>
#a{border:5px solid #00ff00;height:360px;width:400px;margin:5px 0 0 5px;}
#a #b{border:1px solid #00ff00;width:100%;height:18%;}
#a #c{width:95%;height:80%;padding:5px 5px 5px 5px;}
#a #c .c1,.c2,.c3{width:30%;height:95%;float:left;border:1px solid #00ff00;}
</style>
</head>
<body>
<div id="a">
<div id="b"></div>
<div id="c">
<div class="c1"></div>
<div class="c2"></div>
<div class="c3"></div>
</div>
</div>
</body>
</html>
<html>
<head>
<meta http-equiv="Content -Type" content="text/html; charset=utf-8">
<title>test</title>
<style>
#a{border:5px solid #00ff00;height:360px;width:400px;margin:5px 0 0 5px;}
#a #b{border:1px solid #00ff00;width:100%;height:18%;}
#a #c{width:95%;height:80%;padding:5px 5px 5px 5px;}
#a #c .c1,.c2,.c3{width:30%;height:95%;float:left;border:1px solid #00ff00;}
</style>
</head>
<body>
<div id="a">
<div id="b"></div>
<div id="c">
<div class="c1"></div>
<div class="c2"></div>
<div class="c3"></div>
</div>
</div>
</body>
</html>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询
广告 您可能关注的内容 |