发表于： 2019-11-23 22:09:50
2 984
今天完成的事情：
因为决定线上报班之前我在腾讯课堂和慕课网上看了一下线上教程，但今天做任务的时候脑袋里面乱的很，理不出头绪。
试了一下<table>、<a>两种标签，到最后把自己也弄糊涂了。因为对html和css只了解了个大概里面的一些属性更是不知道
去运用，也是第一次做这样的实操任务，于是我就去看了一下果冻公开课，发现里面讲的浮动用来写这样的九宫格非常合适于
是就去实践了一下，发现其实不难。
下面是代码又可以改进的希望各位师兄指点指点，感激不尽：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>九宫格</title>
<style type="text/css">
*{
margin:0;
border:0;
}
.box{
display:block;
background:transparent;
width:553.6px;
height:553.6px;
}
div>div{
display:block;
background:yellow;
float:left;
width:174.5px;
height:174.5px;
margin:4px;
border:1px;
border-radius:10px;
}
</style>
</head>
<body>
<div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</body>
</html>
明天的任务：
具体完善任务一里面的自适应等东西。
返回列表
评论