站長資訊網(wǎng)
        最全最豐富的資訊網(wǎng)站

        仿新浪部分靜態(tài)頁面展示

         1 <!DOCTYPE html>  2 <html xmlns="http://www.w3.org/1999/xhtml">  3 <head>  4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>  5     <title></title>  6     <link href="css/demo.css" rel="stylesheet" />  7 </head>  8 <body>  9     <div id="dnews"> 10         <div id="dhead"><a href="#" target="_blank" >汽車/在線購車</a></div> 11         <div id="news"> 12             <div id="newspic"><a href="#"><img src="img/1.jpg" /></a></div> 13             <div id="newstitle"><a href="#">選貴的也要選對的 熱銷豪華中型SUV推薦</a></div> 14         </div> 15         <ul id="tabs"> 16             <li class="tab"><a href="#">新高爾夫百公里油耗為5L 奧迪Q4整體犀利</a></li> 17             <li class="tab"><a href="#">新高爾夫百公里油耗為5L 奧迪Q4整體犀利</a></li> 18             <li class="tab"><a href="#">新高爾夫百公里油耗為5L 奧迪Q4整體犀利</a></li> 19             <li class="tab"><a href="#">新高爾夫百公里油耗為5L 奧迪Q4整體犀利</a></li> 20             <li class="tab"><a href="#">新高爾夫百公里油耗為5L 奧迪Q4整體犀利</a></li> 21             <li class="tab"><a href="#">新高爾夫百公里油耗為5L 奧迪Q4整體犀利</a></li> 22             <li class="tab"><a href="#">新高爾夫百公里油耗為5L 奧迪Q4整體犀利</a></li> 23         </ul> 24     </div> 25 </body> 26 </html>

         1 a{  2     text-decoration:none;  3 }  4 #dnews{  5     width:320px;  6     height:264px;  7     8 }  9 #dhead{ 10     width:320px; 11     height:30px; 12     padding-left:10px; 13     box-sizing:border-box; 14     line-height:30px; 15     background-color:rgba(76,255,0,0.1); 16 } 17 #dnews #dhead a:hover{ 18     color:blue; 19 } 20 #news{ 21     width:320px; 22     height:70px;  23     margin-top:10px; 24 } 25 #news #newspic{ 26     float:left; 27     width: 36%; 28 } 29 #news #newstitle{ 30       width: 64%; 31     /* padding-left: 10px; */ 32     font-size: 16px; 33     /* margin-left: 5px; */ 34     /* padding-left: 4px; */ 35     float: left; 36 } 37 #news #newstitle a:hover{ 38     color:blue; 39 } 40 #tabs{ 41     list-style-type:none; 42     color:black; 43     font-size:14px; 44     line-height:20px; 45     float:left; 46     margin: 0px  -40px; 47        48 } 49 #tabs .tab a:hover{ 50     color:red; 51 } 52 .tab{ 53     background-image:url(../img/2.png); 54     background-repeat:no-repeat; 55     padding-left:20px; 56     background-position-y:center; 57 }

        ?

        贊(0)
        分享到: 更多 (0)
        網(wǎng)站地圖   滬ICP備18035694號-2    滬公網(wǎng)安備31011702889846號
        主站蜘蛛池模板: 日韩精品www| 国产偷伦精品视频| 免费视频精品一区二区三区| 亚洲国产一成人久久精品| 国产精品成人免费观看 | 国产精品美女久久久| 欧美jizzhd精品欧美| 欧美精品丝袜久久久中文字幕| 亚洲精品免费观看| 精品视频一区二区三区在线观看| 人妻少妇乱子伦精品| 亚洲欧美一级久久精品| 久久99亚洲综合精品首页| 91大神精品全国在线观看| 国产精品亚洲欧美一区麻豆| 99久久成人国产精品免费| 亚洲av无码国产精品夜色午夜| 久久久无码精品午夜| 国产精品 一区 在线| 中文精品一卡2卡3卡4卡| 国产精品毛片久久久久久久| 99精品在线观看| 国产精品视频网站| 国产精品久久久久久久久| 国产小视频国产精品| 国产精品视频网站你懂得| 国产精品亚洲欧美一区麻豆 | 亚洲精品欧美二区三区中文字幕| 精品亚洲一区二区三区在线播放 | 亚洲精品狼友在线播放| 伊人久久精品无码二区麻豆| 热RE99久久精品国产66热| 久久精品国产99久久久香蕉| 国产亚洲午夜高清国产拍精品| 国产精品亚洲美女久久久 | 9久热这里只有精品| 99热亚洲精品6码| 久草热久草热线频97精品| 无码8090精品久久一区| 中文字幕日韩精品在线| 无码日韩精品一区二区免费|