发表于: 2016-05-21 16:34:57
3 1009
了解html,css基本内容,利用HTML中表格元素完成task1,不过看了别人的代码,用<div>进行浮动更好一点,接下来改进自己的代码,并进行task2
5-22追加:利用<div>元素完成九宫格,代码在后面:
说一下这几天遇到的问题:
1.Github.com在自己的电脑上打不开,"无法响应",改了hosts,用了VPN还是不行,这样导致只会git的本地操作,无法将代码上传至github
2.在葡萄藤论坛上联系到某师兄租用云服务器,qq上已经联系好了,但是要等到周一工作日才行,所以task2的云服务器配置,上传等工作暂时还不能进行
3.关于task3,坑爹的校园网PT站竟然在这几天升级,这就没法下载photoshop,接下来几个task都要进行切图,这就没法愉快的玩耍了。。。
<!DOCTYPE html>
<!--九宫格-->
<html>
<head>
<style type="text/css">
.container{
width: 350px;
height: 350px;
}
.piece{
background-color: purple;
width: 100px;
height: 100px;
float: left;
border-radius: 10px;
margin:1px;
}
</style>
</head>
<body>
<div class="container">
<div class="piece"></div>
<div class="piece"></div>
<div class="piece"></div>
<div class="piece"></div>
<div class="piece"></div>
<div class="piece"></div>
<div class="piece"></div>
<div class="piece"></div>
<div class="piece"></div>
</div>
</body>
</html>
评论