有没有大神帮我看一下为什么我的按钮和文本之间有空隙！！-慕课网

首页课程实战体系课手记专栏慕课教程

有没有大神帮我看一下为什么我的按钮和文本之间有空隙！！

来源：10-1 编程挑战

慕用4091213

2019-03-11 21:19

<!DOCTYPE HTML>

<html>

<head>

/*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>

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>

<div>

275万购昌平邻铁三居总价20万买一居<br/>

200万内购五环三居 140万安家东三环<br/>

北京首现零首付楼盘 53万购东5环50平<br/>

京楼盘直降5000 中信府公园楼王现房<br/>

</div>

40平出租屋大改造美少女的混搭小窝<br/>

经典清新简欧爱家 90平老房焕发新生<br/>

新中式的酷色温情 66平撞色活泼家居<br/>

瓷砖就像选好老婆卫生间烟道的设计<br/>

</div>

通州豪华3居260万二环稀缺2居250w甩<br/>

西3环通透2居290万 130万2居限量抢购<br/>

黄城根小学学区仅260万 121平70万抛!<br/>

独家别墅280万苏州桥2居优惠价248万<br/>

</div>

</body>

</html>

写回答关注

3回答

微虻

2019-05-16 10:30:02

浏览器自带一些margin、padding等样式，可以先reset设置css

0 0
小王记笔记

2019-05-05 21:28:23

css样式没把界面初始化，应该这样初始化：*{margin:0;padding:0;}

0 0
qq_慕数据455520

2019-03-13 01:56:27

body{font-size:20px;margin:0px;padding:0px;}

0 0