有沒有大神幫我看一下 為什么我的按鈕和文本之間有空隙?。?/h1>
<!DOCTYPE HTML>
<html>
<head>
<title>任務</title>
<meta charset=utf-8/>
<style type="text/css">
? ? ?/*css樣式*/
body{font-size:20px;}
.top{margin:70px 0 0 0;padding:0;}
.top>div{
height:35px;width:70px;text-align:center;
margin:5px 5px 0px 15px;border:1px solid #cc66cc;
padding:6px 6px 0px 6px;display:inline-block;
border-bottom:none;
}/
.second{margin:0px;padding:0px;}
.second>div{
width:340px;
height:120px;
font-size:17px;
margin:0px 0px 0px 10px;
border:1px solid #0099cc;
border-top:2px solid #660066;padding:5px;
}
.no{display:none;}
.top>div.wu{border-top:2px solid #660066;border-bottom:2px solid #ffffff;}
</style>
<script type="text/javascript">
window.onload=function(){
var top=document.getElementsByClassName("top")[0];
var top_div=top.getElementsByTagName("div");
var second=document.getElementsByClassName("second")[0];
var second_div=second.getElementsByTagName("div");
function replace(x){
top_div[x].onclick=function(){
for(var i=0;i<top_div.length;i++)
{second_div[i].className="no";
top_div[i].className="";}
second_div[x].className="";
top_div[x].className="wu";}
}
for(var i=0;i<top_div.length;i++)
{replace(i);}
}
</script>
</head>
<body>
<div class="top">
<div class="wu">房產</div>
<div>家具</div>
<div>二手房</div>
</div>
<div class="second">
<div>
275萬購昌平鄰鐵三居 總價20萬買一居<br/>
? ? 200萬內購五環三居 140萬安家東三環<br/>
? ? 北京首現零首付樓盤 53萬購東5環50平<br/>
? ? 京樓盤直降5000 中信府 公園樓王現房<br/>
</div>
<div class="no">
?40平出租屋大改造 美少女的混搭小窩<br/>
? ? ?經典清新簡歐愛家 90平老房煥發新生<br/>
? ? ?新中式的酷色溫情 66平撞色活潑家居<br/>
? ? ?瓷磚就像選好老婆 衛生間煙道的設計<br/>
</div>
<div class="no">
通州豪華3居260萬 二環稀缺2居250w甩<br/>
? ? ?西3環通透2居290萬 130萬2居限量搶購<br/>
? ? ?黃城根小學學區僅260萬 121平70萬拋!<br/>
? ? ?獨家別墅280萬 蘇州橋2居優惠價248萬<br/>
</div>
</div>
</body>
</html>
<!DOCTYPE HTML>
<html>
<head>
<title>任務</title>
<meta charset=utf-8/>
<style type="text/css">
? ? ?/*css樣式*/
body{font-size:20px;}
.top{margin:70px 0 0 0;padding:0;}
.top>div{
height:35px;width:70px;text-align:center;
margin:5px 5px 0px 15px;border:1px solid #cc66cc;
padding:6px 6px 0px 6px;display:inline-block;
border-bottom:none;
}/
.second{margin:0px;padding:0px;}
.second>div{
width:340px;
height:120px;
font-size:17px;
margin:0px 0px 0px 10px;
border:1px solid #0099cc;
border-top:2px solid #660066;padding:5px;
}
.no{display:none;}
.top>div.wu{border-top:2px solid #660066;border-bottom:2px solid #ffffff;}
</style>
<script type="text/javascript">
window.onload=function(){
var top=document.getElementsByClassName("top")[0];
var top_div=top.getElementsByTagName("div");
var second=document.getElementsByClassName("second")[0];
var second_div=second.getElementsByTagName("div");
function replace(x){
top_div[x].onclick=function(){
for(var i=0;i<top_div.length;i++)
{second_div[i].className="no";
top_div[i].className="";}
second_div[x].className="";
top_div[x].className="wu";}
}
for(var i=0;i<top_div.length;i++)
{replace(i);}
}
</script>
</head>
<body>
<div class="top">
<div class="wu">房產</div>
<div>家具</div>
<div>二手房</div>
</div>
<div class="second">
<div>
275萬購昌平鄰鐵三居 總價20萬買一居<br/>
? ? 200萬內購五環三居 140萬安家東三環<br/>
? ? 北京首現零首付樓盤 53萬購東5環50平<br/>
? ? 京樓盤直降5000 中信府 公園樓王現房<br/>
</div>
<div class="no">
?40平出租屋大改造 美少女的混搭小窩<br/>
? ? ?經典清新簡歐愛家 90平老房煥發新生<br/>
? ? ?新中式的酷色溫情 66平撞色活潑家居<br/>
? ? ?瓷磚就像選好老婆 衛生間煙道的設計<br/>
</div>
<div class="no">
通州豪華3居260萬 二環稀缺2居250w甩<br/>
? ? ?西3環通透2居290萬 130萬2居限量搶購<br/>
? ? ?黃城根小學學區僅260萬 121平70萬拋!<br/>
? ? ?獨家別墅280萬 蘇州橋2居優惠價248萬<br/>
</div>
</div>
</body>
</html>
2019-05-16
瀏覽器自帶一些margin、padding等樣式，可以先reset設置css
2019-05-05
css樣式沒把界面初始化，應該這樣初始化：*{margin:0;padding:0;}
2019-03-13
body{font-size:20px;margin:0px;padding:0px;}