html+css qq空间模仿

来源：互联网发布：江苏11选5遗漏数据编辑：程序博客网时间：2024/05/17 04:13
<strong><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html>  <head>    <title>MyHtml.html</title>    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">    <meta http-equiv="description" content="this is my page">    <meta http-equiv="content-type" content="text/html; charset=UTF-8"><style type="text/css">*{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;}</style>  </head>    <body>    <div class="main">    <div class="title"><a>应用</a>        </div>    <div class="pic">    <ul>    <li>    <img src="img/1.jpg"/>    <span>个人档</span>    </li>    <li>    <img src="img/2.jpg"/>    <span>QQ日历</span>    </li>    <!-- dfsdfsfsdf -->    <li >    <img src="img/3.jpg"/>    <span>日志</span>    </li>    <li class="FUL">    <img src="img/4.jpg"/>    <span>投票</span>    </li>    <!-- dsfdf -->    <li>    <img src="img/5.jpg"/>    <span>分享</span>    </li>    <li>    <img src="img/6.jpg"/>    <span>下载</span>    </li>    <li>    <img src="img/6.jpg"/>    <span>应用</span>    </li>    <li class="FUL">    <img src="img/4.jpg"/>    <span>应用</span>    </li>    <!-- dfsdfsfsdf -->    <li>    <img src="img/3.jpg"/>    <span>应用</span>    </li>    <li>    <img src="img/4.jpg"/>    <span>应用</span>    </li>    <li>    <img src="img/5.jpg"/>    <span>应用</span>    </li>    <li class="FUL">    <img src="img/6.jpg"/>    <span>应用</span>    </li>    <li class="Last">    <img src="img/6.jpg"/>    <span>应用</span>    </li>    </ul>    </div>    </div>  </body></html></strong>
0 0