html怎么做qq空间页面,html+css qq空间模仿

*{main: 0px 0px;padding : 0px 0px;}

.main{width:900px;height:415px;background:#000;margin:10px auto;}

.title{width:900px;height:40px;background:#333332;

margin:0px 0px;border:1px solid #FFF;}

.title a{display:block;color:#ddd;

line-height:40px;font-size:16px;text-indent:13px;}

.main .pic{width:900px;height:410px;padding:10px;overflow:hidden;}

.main .pic ul {display:block;margin-left:20px;width:894px;height:350px;

/*border:1px solid blue;*/}

.main .pic ul li{display:block;

width:210px;height:85px;border-bottom:1px solid #303030;

border-right:1px solid #303030;float:left;}

.main .pic .FUL{border-right:none;}

.main .pic .Last{border-bottom:none;}

.main .pic ul li img{margin-left:15px;margin-top:10px;float:left;}

.main .pic ul li span{display:block;

color:#FFF;line-height:80px;float:left;margin-left:30px;}

.main .pic ul li:hover{background:#333332;opacity:0.7;}