怎么讓房產下邊框不顯示啊
<!DOCTYPE html>
<html>
<head>
<title>瀏覽器對象</title>??
<style type="text/css">
? ? ?/* CSS樣式制作 */??
*{padding: 0;margin: 0 auto;}
.bog{width: 450px;height:200px;}
.ul01{width: 450px;height: 40px;list-style: none;}
.li01{ width: 100px; height: 50px;float: left;border: 1px solid #7F7F7F;text-align: center;line-height: 50px;margin-left: 5px; cursor:pointer; z-index: 99;}
.li02{ width: 100px; height: 50px;float: left;border: 1px solid #7F7F7F;text-align: center;line-height: 50px;margin-left: 5px; cursor:pointer;}
.li03{ width: 100px; height: 50px;float: left;border: 1px solid #7F7F7F;text-align: center;line-height: 50px;margin-left: 5px; cursor:pointer;}
.div01{width: 450px;height:200px;border: 1px solid #4273EA;margin-left: -7px;border-top: 3px solid #64112A; display: none; z-index: -99;}?
.div01 .p01{font-size:18px;width: 320px;text-align: left;margin-left: 5px;line-height: 40px;}
? ? </style>
? ? <script type="text/javascript">
? ? ? ? ?function fc01(){
var x=document.getElementById("id01")?
var y=document.getElementById("id02");
y.style.display="block";
x.style.borderTop="3px solid #64112A";
?
}
? ? // JS實現選項卡切換
? ??
? ? </script>
?
</head>
<body>
<!-- HTML頁面布局 -->
<div class="bog">
<ul class="ul01">
<li class="li01" id="id01" onClick="fc01()">房產
<div class="div01" id="id02"><p class="p01">275萬購昌平鄰鐵三居 總價20萬買一居
? ? 200萬內購五環三居 140萬安家東三環
? ? 北京首現零首付樓盤 53萬購東5環50平
? ? 京樓盤直降5000 中信府 公園樓王現房</p></div></li>
<li class="li02">家居</li>
<li class="li03">二手房</li>
</ul>
</div>
?
</body>
</html>
2019-07-10
正文部分margin-top給負數， 就給你這個思路， 具體操作思考一下，不難
2019-06-29
把房產li的下邊框設為白色即可