发表于: 2016-05-10 21:01:11

0 1581


<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8" />

<title>九宫格</title>

<link type="text/css" rel="stylesheet" href="style.css">

</head>

<body>

<div class="box">

  <div class=big>

 <div class=text> </div>

 <div class=text> </div>

 <div class=text> </div>

 <div class=text> </div>

 <div class=text> </div>

 <div class=text> </div>

 <div class=text> </div>

 <div class=text> </div>

 <div class=text> </div>

  </div>

</div>

</body>

</html>






.box{

width:120px;

height:120px;

border:#d7d7d7 solid 1px;

}

.text{

width:30px;

height:30px;

background-color:dodgerblue;

border:#D7D7D7 solid 1px;

margin:1px;

float:left;

}


.big{

width:102px;

height:102px;

padding:9px;

}





返回列表 返回列表
评论

    分享到