<body>
<div?class="box">
????<h2><a?href="#">更多推薦</a><span><a?href="#">?更多>></a></span></h2>
????<ul?class="downlist">
????<li?class="software1"><a?href="#">QQ旋風?</a></li><li?class="download"><span><a?href="#">下載</a></span></li>
????<li?class="software2"><a?href="#">騰訊視頻播放器</a></li><li?class="download"><span><a?href="#">下載</a></span></li>
????<li?class="software3"><a?href="#">QQ影音</a></li>?<li?class="download">?<span><a?href="#">下載</a></span></li>
????<li?class="software4"><a?href="#">小Q書桌</a></li>?<li?class="download"><span><a?href="#">下載</a></span></li>
????<li?class="software5"><a?href="#">Foxmail</a></li><li?class="download">?<span><a?href="#">下載</a></span></li>
????<li?class="software6"><a?href="#">頑固木馬克星</a></li><li?class="download"><span><a?href="#">下載</a></span></li>
????</ul>
</div>
</body>
這是css的
*{margin:0?;padding:0;font-size:14px;font-family:"新宋體";}
.box{width:300px;margin:0?auto;}
a{text-decoration:none;color:#990099;}
a:hover{text-decoration:underline;}
h2{border-bottom:1px?solid??#cce6f5;padding-bottom:5px;}
h2?span{float:right;?}
.downlist{list-style-type:none;line-height:30px;}
.downlist?li{overflow:hidden;padding-left:20px;?margin-bottom:5px;}
.download{background:url(images/downicon.gif)?no-repeat?0?6px;float:right;}
.download?a{text-decoration:underline;}
.software1{background:url(images/soft_r_1.gif)?no-repeat?0?5px;}
.software2{background:url(images/soft_r_2.gif)?no-repeat?0?5px;}
.software3{background:url(images/soft_r_3.gif)?no-repeat?0?5px;}
.software4{background:url(images/soft_r_4.gif)?no-repeat?0?5px;}
.software5{background:url(images/soft_r_5.gif)?no-repeat?0?5px;}
.software6{background:url(images/soft_r_6.gif)?no-repeat?0?5px;}
如何使下載兩個字和要下載的軟件一一對齊，是下載的圖標和下載兩個字之間的間距變小一點
reborn_web
2015-10-12 21:35:07
