发表于: 2016-07-03 22:32:30

11 1181


一直没有想明白九宫格中的框框是怎们变出来的,原来是用的通配选择符将框给设定下来,然后再通过<div>模块将其输出,折腾老久终于给把九宫格弄出来了,好像写得有点复杂了,接下来看下别人的程序比较下别人的思路,完了看下任务2是什么鬼;

<html>

<head><title>九宫格是什么鬼</title>

<style type="text/css">

<!--

*{border:0;

  margin:0;

  padding:0;

  border-radius:10px;

}

#left{width:100px;

      height:100px;

      margin-top:10px;

      margin-bottom:10px;

      margin-left:10px;

      background-color:#FF9900;

}

#middle{width:100px;

      height:100px;

 margin-top:10px;

 margin-bottom:10px;

 margin-left:110px;

 background-color:#FF9900;

 }

#right{width:100px;

      height:100px;

 margin-top:10px;

 margin-bottom:10px;

 margin-left:110px;

 background-color:#FF9900;

 }

-->

</style>

</head>

<body>

<div id="left">

<div id="middle">

<div id="right">

</div></div></div>

<div id="left">

<div id="middle">

<div id="right">

</div></div></div>

<div id="left">

<div id="middle">

<div id="right">

</div></div></div>

</body>

</html>



返回列表 返回列表
评论

    分享到