发表于: 2016-07-25 23:40:35

1 1512


完成的任务:

1:下载了sublime;

2:下载nginx,配置修改完成,并使用;

3:简单编写了九宫格,并于网页中显示,如下图:

    

存在疑问:

1:编写的九宫格不是理想中的,没有圆角及阴影边框;

2:思路应该偏离原意了,愿意是否是通过下载图片,然后链接图片布局内外边距及?

3:没有用到DIV布局,编写的编码如下:

<html>

<head>

<style type="text/css">

table

{

  width:50px;  height:50px; margin:10px;

}

td

{

 border-style:solid;

 border-width:10px;

 border-color:transparent; 

 background-color:orange;  

}

</style>

</head>


<body>

<table>

<tr>

<td></td>

<td></td>

<td></td>

</tr>


<tr>

<td></td>

<td></td>

<td></td>

</tr>


<tr>

<td></td>

<td></td>

<td></td>

</tr>


</table>

</body>

</html>


明日任务:

1:试着完成圆角及阴影;

2:试着通过链接图片的思路再编写一次;

3:从新学习DIV布局及相关知识,运用;

4:全面完成tast1, 包括手机打开,及兼容IE8等;



返回列表 返回列表
评论

    分享到