发表于： 2016-02-28 23:05:07
1 1981
我回来了。
这是我这周的成果：
<!DOCTYPE html>
<html>
<body>
<meta charset="utf-8" />
<title>九宫格布局</title>
<style type="text/css">
body {
padding:0px;
margin:0px;
}
div {
width:700px;
height:600px;
padding:0px;
margin:0px;
text-align:center;
}
#div1 {
background:#e8830d;
width:200px;
height:200px;
padding:0px;
margin:2px;
float:left;
border-radius:7px;
}
#div2{
background:#e8830d;
width:200px;
height:200px;
padding:0px;
margin:2px;
float:left;
border-radius:7px;
}
#div3 {
background:#e8830d;
width:200px;
height:200px;
padding:0px;
margin:2px;
float:left;
border-radius:7px;
}
#div4 {
background:#e8830d;
width:200px;
height:200px;
padding:0px;
margin:2px;
float:left;
border-radius:7px;
}
#div5 {
background:#e8830d;
width:200px;
height:200px;
padding:0px;
margin:2px;
float:left;
border-radius:7px;
}
#div6 {
background:#e8830d;
width:200px;
height:200px;
padding:0px;
margin:2px;
float:left;
border-radius:7px;
}
#div7 {
background:#e8830d;
width:200px;
height:200px;
padding:0px;
margin:2px;
float:left;
border-radius:7px;
}
#div8 {
background:#e8830d;
width:200px;
height:200px;
padding:0px;
margin:2px;
float:left;
border-radius:7px;
}
#div9 {
background:#e8830d;
width:200px;
height:200px;
padding:0px;
margin:2px;
float:left;
border-radius:7px;
}
</style>
</body>
<body>
<div>
<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>
<div id="div4"></div>
<div id="div5"></div>
<div id="div6"></div>
<div id="div7"></div>
<div id="div8"></div>
<div id="div9"></div>
</div>
</body>
</html>
2.明天的计划是简化我的代码，并且完成后续工作，进入第二个任务。
3.起步太困难了，不过万事开头难，我相信我这算是起步了，后面的路应该会越来越简单的，加油！
返回列表
评论