<div id="par_div">
? ?<ul class="list">
? ? ? ?<li><a href="#">房產(chǎn)</a></li>
? ? ? ?<li><a href="#">家居</a></li>
? ? ? ?<li><a href="#">二手房</a></li>
? ?</ul>
? ?<div class="news" id="news1">
? ? ? ?<p>275萬購昌平鄰鐵三居 總價20萬買一居</p>
? ? ? ?<p>200萬內(nèi)購五環(huán)三居 140萬安家東三環(huán)</p>
? ? ? ?<p>北京首現(xiàn)零首付樓盤 53萬購東5環(huán)50平</p>
? ? ? ?<p>京樓盤直降5000 中信府 公園樓王現(xiàn)房</p>
? ?</div>
? ?<div class="news" id="news2">
? ? ? ?<p>40平出租屋大改造 美少女的混搭小窩</p>
? ? ? ?<p>經(jīng)典清新簡歐愛家 90平老房煥發(fā)新生</p>
? ? ? ?<p>新中式的酷色溫情 66平撞色活潑家居</p>
? ? ? ?<p>瓷磚就像選好老婆 衛(wèi)生間煙道的設計</p>
? ?</div>
? ?<div class="news" id="new3">
? ? ? ?<p>275萬購昌平鄰鐵三居 總價20萬買一居</p>
? ? ? ?<p>200萬內(nèi)購五環(huán)三居 140萬安家東三環(huán)</p>
? ? ? ?<p>北京首現(xiàn)零首付樓盤 53萬購東5環(huán)50平</p>
? ? ? ?<p>京樓盤直降5000 中信府 公園樓王現(xiàn)房</p>
</div>
</div>

下面是css樣式

*{
? ? ? ?margin: 0;
? ? ? ?padding: 0;
? ?}
? ?#par_div{
? ? ? ?margin-left: 200px;
? ? ? ?margin-top: 200px;
? ? ? ?float: left;
? ? ? ?height: 200px;
? ? ? ?width: 320px;
? ?}
? ?.list{
? ? ? ?height: 42px;
? ? ? ?width: 320px;
? ?}
.list li{
? ?list-style-type: none;
? ?width: 60px;
? ?height: 40px;
? ?line-height: 40px;
? ?text-align: center;
? ?display: inline-block;
? ?float: left;
? ?border-left: 1px solid dimgrey;
? ?border-right: 1px solid dimgrey;
? ?border-top: 1px solid dimgrey;

}
.list li a{
? ?text-decoration: none;
? ?color: darkgray;
? ?display: block;
}

.news{
? ?clear: both;
? ?line-height: 25px;
? ?height: 158px;
? ?width: 320px;
? ?border:1px solid #336699;
? ?border-top:1px saddlebrown solid;
? ?padding: 5px;
}
#new3,#news2{
? ?display: none;
}