发表于： 2016-07-02 22:11:41
1 1520
今天的事情：九宫格已经做完了。
今天的问题：nginx下载了，配置了，不知道怎么用，一直是欢迎界面，只知道他是一个反向代理器。和css有什么关系呢？和做出来的css代码有什么关系呢？
明天的任务：预览任务2，学习nginx知识。
收获：敲了一遍代码，熟悉了很多知识点，加深了印象。
九宫格代码：谷歌浏览器可以圆角，ie我的版本不行。用的是css3的圆角知识。
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>这不是我想象的的九宫格</title> | |
| <style type="text/css"> | |
| .big{ | |
| margin: 50px auto; | |
| border: red 2px solid; | |
| width: 360px; | |
| height: 360px; | |
| position: relative; | |
| padding: 20px; | |
| } | |
| .num { | |
| border: white 10px solid; | |
| width: 100px; | |
| height: 100px; | |
| float: left; | |
| background: orange; | |
| z-index: 1 ; | |
| border-radius: 20px; | |
| text-align: center; | |
| line-height:100px; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div class="big"> | |
| <div class="num">1</div> | |
| <div class="num">2</div> | |
| <div class="num">3</div> | |
| <div class="num">4</div> | |
| <div class="num">5</div> | |
| <div class="num">6</div> | |
| <div class="num">7</div> | |
| <div class="num">8</div> | |
| <div class="num">9</div> | |
| </div> | |
| </body> | |
| </html> |
返回列表
评论