為什么要給li標(biāo)簽加一個background:#fff???誰能給解釋一下，謝謝！
<!DOCTYPE html>
<html>
<head>
? ? <meta charset="UTF-8">
? ? <title>實(shí)踐題 - 選項(xiàng)卡</title>
? ? <style type="text/css">
? ? ?/* CSS樣式制作 */ ?
? ? *{margin:0;padding:0;font-family:"Microsoft YaHei";font-size:16px;}
? ? #tab{
? ? ? ? width:300px;
? ? ? ? height:150px;
? ? ? ? margin:10px 20px 10px 5px;
? ? ? ? padding:10px;
? ? ? ? overflow:hidden;
? ? ? ? border:1px solid red;
? ? }
? ? .head{
? ? ? ? list-style:none;
? ? ? ? height:30px;
? ? ? ? line-height:30px;
? ? ? ? border-bottom:3px solid #000;
? ? ? ? display:block;/*把ul設(shè)置成塊狀元素，這樣它就能獨(dú)占一行。*/
? ? }
? ? .head li{
? ? ? ??
? ? ? ? background:#fff;
? ? ? ??
? ? ? ? line-height:30px;
? ? ? ? cursor:pointer;/*是指鼠標(biāo)放在標(biāo)簽上變成“手”的樣式。*/
? ? ? ? text-align:center;
? ? ? ? width:50px;
? ? ? ? height:29px;
? ? ? ? float:left;
? ? ? ? margin:0 5px;
? ? ? ? padding:0 5px;
? ? ? ? overflow:hidden;
? ? ? ? border:1px solid red;
? ? ? ? border-bottom:none;
? ? ? ? display:inline-block;
? ? ? ??
? ? }
? ? #tab div{
? ? ? ? height:97px;
? ? ? ? border:1px solid blue;
? ? ? ? border-top:none;
? ? ? ? padding:5px 5px 5px 10px;
? ? }
? ? .head .on{
? ? ? ? border-top:3px solid #000;border-bottom:3px solid #fff;
? ? }
? ? </style>
? ? <script type="text/javascript">
? ? ? ? ?
? ? // JS實(shí)現(xiàn)選項(xiàng)卡切換
? ??
? ??
? ? </script>
?
</head>
<body>
<!-- HTML頁面布局 -->
? ? <div id="tab">
? ? ? ? <ul>
? ? ? ? ? ? <li >房產(chǎn)</li>
? ? ? ? ? ? <li>家居</li>
? ? ? ? ? ? <li>二手房</li>
? ? ? ? </ul>
? ? ? ? <div >
? ? ? ? ? ? 275萬購昌平鄰鐵三居 總價20萬買一居<br />
? ? ? ? ? ? 200萬內(nèi)購五環(huán)三居 140萬安家東三環(huán) <br />
? ? ? ? ? ? 北京首現(xiàn)零首付樓盤 53萬購東5環(huán)50平<br />
? ? ? ? ? ? 京樓盤直降5000 中信府 公園樓王現(xiàn)房<br />
? ? ? ? </div>
? ? ? ? <div >
? ? ? ? ? ? 40平出租屋大改造 美少女的混搭小窩<br />
? ? ? ? ? ? 經(jīng)典清新簡歐愛家 90平老房煥發(fā)新生<br />
? ? ? ? ? ? 新中式的酷色溫情 66平撞色活潑家居<br />
? ? ? ? ? ? 瓷磚就像選好老婆 衛(wèi)生間煙道的設(shè)計<br />
? ? ? ? </div>
? ? ? ? <div >
? ? ? ? ? ? 通州豪華3居260萬 二環(huán)稀缺2居250w甩<br />
? ? ? ? ? ? 西3環(huán)通透2居290萬 130萬2居限量搶購<br />
? ? ? ? ? ? 黃城根小學(xué)學(xué)區(qū)僅260萬 121平70萬拋!<br />
? ? ? ? ? ? 獨(dú)家別墅280萬 蘇州橋2居優(yōu)惠價248萬<br />
? ? ? ? </div>
? ? </div>
? ??
?
</body>
</html>
2016-11-13
在這題是不需要的，你可以刪掉這句試試看，只是設(shè)置了背景顏色為白色，默認(rèn)就是白色，效果一樣