发表于： 2016-04-03 13:10:33
1 1722
<html>
<head>
<meta http-equiv="Content-Type"content="text/html;charset=utf-8"/>
<title>任务1</title>
<style type="text/css">
<style>
* {margin:0;
padding:0;
border:0;
}
.wrap{width:500px;height:500px;
border:1px solid #cccccc;
margin:20px;
}
.box{width:30%;height:30%;
background:#cc9933;border-radius:15px;
float:left;margin:4px;
position:relative;top:13px;left:13px;
}
</style>
</head>
<body>
<div class="wrap" >
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
</div>
</body>
</html>
刚开始做任务1的时候觉得好多都不理解，于是就停啦几天去看html和css！现在就开始连续做任务！有个问题是，如果不我去算距离，怎样把九宫格直接居中到盒子里呢，网上找啦好久没怎么搞明白！还是通过算距离完成的居中！不能老被这一个问题拌着，开始继续下个任务！
返回列表
评论