发表于： 2016-08-28 15:58:15
1 1233
一开始始终不明白这几个问题 1为什么要下载九宫格图片？ 完全可以用css自己写呀。
2装nginx是干什么的
3学会调试？不就是按个f12键吗 ，有什么用？
后来我就自己做。因为要求中用到 display 所以我就display：table 然后各种div
我发现一个问题 变成表格 也就是table后 如果单纯的变下背景色会出现下图这样的情况 ，而且在table中 调整margin是无效的。背景覆盖padding，调padding也是没有用 所以骚年还是要下个图片什么的 比作背景好~~~~~
nignx还是比较简单的 但是研究起来好像很复杂 我也只会变变local而已 下面贴出代码 希望有大神看到给我多多指正谢谢啦 （辛福脸）
任务一基本完成，发现我的英语真的要提高呀。哎~~~~~~
<!doctype html>
<html>
<head>
<style type="text/css">
h1{text-align:center;}
#tablecontainer{display:table;
margin-left:auto;
margin-right:auto;}
.tablerow{display:table-row;}
.tablecell{display:table-cell;
width:10em;height:10em;
background-color:orange;
border-radius:0.5em;margin:1em;}
</style>
<title>九宫格</title>
</head>
<body>
<h1>九宫格</h1>
<div id=tablecontainer>
<div class=tablerow>
<div class=tablecell></div>
<div class=tablecell></div>
<div class=tablecell></div>
</div>
<div class=tablerow>
<div class=tablecell></div>
<div class=tablecell></div>
<div class=tablecell></div>
</div>
<div class=tablerow>
<div class=tablecell></div>
<div class=tablecell></div>
<div class=tablecell></div>
</div>
</div>
</body>
</html>
返回列表
评论