发表于： 2016-04-11 21:12:06
3 1375
经过3个小时的奋斗，在大功告成的那一刻，我的心情无比激动，在此次任务中，我学会的用display:inline-block属性，了解到了float的用法，在配置nginx中，我刚开始遇到了困难，搜索了百度，但是依然没有进度，最后在知乎中找到了答案，让我初步了解了nginx的作用于原理。希望接下来的日子我能坚持下去，加油
！！！！
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
.gezi{
width: 900px;
height: 900px;
}
.gezi .gz1{
background-color: firebrick;
border: 10px firebrick solid;
border-radius: 30px;
display: inline-block;
width: 30.30%;
height: 30.30%;
}
.gezi .gz2{
background-color: firebrick;
border: 10px firebrick solid;
border-radius: 30px;
display: inline-block;
width: 30.30%;
height: 30.30%;
}
.gezi .gz3{
background-color: firebrick;
border: 10px firebrick solid;
border-radius: 30px;
display: inline-block;
width: 30.30%;
height: 30.30%;
}
.gezi .gz4{
background-color: firebrick;
border: 10px firebrick solid;
border-radius: 30px;
display: inline-block;
width: 30.30%;
height: 30.30%;
}.gezi .gz5{
background-color: firebrick;
border: 10px firebrick solid;
border-radius: 30px;
display: inline-block;
width: 30.30%;
height: 30.30%;
}
.gezi .gz6{
background-color: firebrick;
border: 10px firebrick solid;
border-radius: 30px;
display: inline-block;
width: 30.30%;
height: 30.30%;
}
.gezi .gz7{
background-color: firebrick;
border: 10px firebrick solid;
border-radius: 30px;
display: inline-block;
width: 30.30%;
height: 30.30%;
}
.gezi .gz8{
background-color: firebrick;
border: 10px firebrick solid;
border-radius: 30px;
display: inline-block;
width: 30.30%;
height: 30.30%;
}
.gezi .gz9{
background-color: firebrick;
border: 10px firebrick solid;
border-radius: 30px;
display: inline-block;
width: 30.30%;
height: 30.30%;
}
</style>
</head>
<body>
<div class="gezi">
<div class="gz1"></div>
<div class="gz2"></div>
<div class="gz3"></div>
<div class="gz4"></div>
<div class="gz5"></div>
<div class="gz6"></div>
<div class="gz7"></div>
<div class="gz8"></div>
<div class="gz9"></div>
</div>
</body>
</html>
PS：代码部分分享出来就是想为了让更多人看，并且有什么错误或者需要改进的部分的都可以指出来。谢谢
返回列表
评论