小毅的blog:http://andymao.com/andy/
列表UL或是OL中都有一個預設標記,這個標記可能是實點圓點,也可能是數字。在實際的應用中,我們需要去掉這個預設標記,但我們不清楚這個預設標記是存在於什麼位置。因為IE與FF似乎在處理UL的預設標記時都有著不同的方式:我們來寫一個UL的HTML代碼結構:
HTML結構:
<ul>
<li>建設部通報八起房地產交易違法、違規典型案例 </li>
<li>周小川表態引發美元震蕩|人民幣應成世界貨幣?</li>
<li>首都機場一香港乘客制造炸彈威脅導致航班延誤</li>
<li>美國房市“麻煩”未了|底特律房子比車子便宜</li>
<li>網絡報告:美國是黑客大本營 中國是最大受害國</li>
</ul>
代碼框
這個UL在不同的浏覽器中的顯示基本上是差不多的。那麼我們設定一下CSS試著看一下IE與FF什麼地方不一樣:
CSS代碼:
ul {background:#ddd; padding:0; }
代碼框
現在只把padding的值設為0,這時我們看一下IE中除了多個背景之外並沒有什麼變化,但是FF中的預設標記不見了!這裡要注意的是IE中的預設標記是在背景外的。我們再來換個方式來設置:
CSS代碼:
ul {background:#ddd; margin:0; }
代碼框