发表于： 2016-08-18 14:59:24
2 1221
代码早上就写好了，一个比较简单的方法，创建9个定宽定高的DIV，设置颜色及圆角，统一设置左浮动。在建立一个定宽的父层包裹他们就有九宫格的效果的。
不过应该还有更好的方法来布局，
然后就是弄Nginx，弄了一早上不知道这个是干嘛的，怎么弄。本地弄还是，要在服务器空间上。这个无头绪就先放着了。
然后就是Github的源代码上传。这个是公司上班期间偷偷弄着，发现没办法在线上传代码，需要下载软件，所以又先放着了。
Github又都是英文，弄了好几个墙内网页翻译的好像都被限制，翻译不了，所以一边查单词一边看，够麻烦的。代码只好放在日报里面了。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv=Content-Type content="text/html; charset="utf-8">
<title>任务一九宫格</title>
<style type="text/css">
.waper{width:170px;
margin: 0 auto;
padding:5px 25px;
}
.box{width:50px;height: 50px;
background-color:yellow;
margin:2px;
float:left;
border-radius:3px;
box-shadow:1px 1px #c0c0c0;
}
</style>
</head>
<body>
<div class="waper">
<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>
返回列表
评论