有沒(méi)有大神幫我看一下 為什么我的按鈕和文本之間有空隙?。?/h1>
<!DOCTYPE HTML>
<html>
<head>
<title>任務(wù)</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">房產(chǎn)</div>
<div>家具</div>
<div>二手房</div>
</div>
<div class="second">
<div>
275萬(wàn)購(gòu)昌平鄰鐵三居 總價(jià)20萬(wàn)買一居<br/>
? ? 200萬(wàn)內(nèi)購(gòu)五環(huán)三居 140萬(wàn)安家東三環(huán)<br/>
? ? 北京首現(xiàn)零首付樓盤 53萬(wàn)購(gòu)東5環(huán)50平<br/>
? ? 京樓盤直降5000 中信府 公園樓王現(xiàn)房<br/>
</div>
<div class="no">
?40平出租屋大改造 美少女的混搭小窩<br/>
? ? ?經(jīng)典清新簡(jiǎn)歐愛(ài)家 90平老房煥發(fā)新生<br/>
? ? ?新中式的酷色溫情 66平撞色活潑家居<br/>
? ? ?瓷磚就像選好老婆 衛(wèi)生間煙道的設(shè)計(jì)<br/>
</div>
<div class="no">
通州豪華3居260萬(wàn) 二環(huán)稀缺2居250w甩<br/>
? ? ?西3環(huán)通透2居290萬(wàn) 130萬(wàn)2居限量搶購(gòu)<br/>
? ? ?黃城根小學(xué)學(xué)區(qū)僅260萬(wàn) 121平70萬(wàn)拋!<br/>
? ? ?獨(dú)家別墅280萬(wàn) 蘇州橋2居優(yōu)惠價(jià)248萬(wàn)<br/>
</div>
</div>
</body>
</html>
<!DOCTYPE HTML>
<html>
<head>
<title>任務(wù)</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">房產(chǎn)</div>
<div>家具</div>
<div>二手房</div>
</div>
<div class="second">
<div>
275萬(wàn)購(gòu)昌平鄰鐵三居 總價(jià)20萬(wàn)買一居<br/>
? ? 200萬(wàn)內(nèi)購(gòu)五環(huán)三居 140萬(wàn)安家東三環(huán)<br/>
? ? 北京首現(xiàn)零首付樓盤 53萬(wàn)購(gòu)東5環(huán)50平<br/>
? ? 京樓盤直降5000 中信府 公園樓王現(xiàn)房<br/>
</div>
<div class="no">
?40平出租屋大改造 美少女的混搭小窩<br/>
? ? ?經(jīng)典清新簡(jiǎn)歐愛(ài)家 90平老房煥發(fā)新生<br/>
? ? ?新中式的酷色溫情 66平撞色活潑家居<br/>
? ? ?瓷磚就像選好老婆 衛(wèi)生間煙道的設(shè)計(jì)<br/>
</div>
<div class="no">
通州豪華3居260萬(wàn) 二環(huán)稀缺2居250w甩<br/>
? ? ?西3環(huán)通透2居290萬(wàn) 130萬(wàn)2居限量搶購(gòu)<br/>
? ? ?黃城根小學(xué)學(xué)區(qū)僅260萬(wàn) 121平70萬(wàn)拋!<br/>
? ? ?獨(dú)家別墅280萬(wàn) 蘇州橋2居優(yōu)惠價(jià)248萬(wàn)<br/>
</div>
</div>
</body>
</html>
2019-05-16
瀏覽器自帶一些margin、padding等樣式，可以先reset設(shè)置css
2019-05-05
css樣式?jīng)]把界面初始化，應(yīng)該這樣初始化：*{margin:0;padding:0;}
2019-03-13
body{font-size:20px;margin:0px;padding:0px;}