怎么让房产下边框不显示啊 -慕课网

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

怎么让房产下边框不显示啊

来源：10-1 编程挑战

慕仔7445191

2019-06-27 17:12

<!DOCTYPE html>

<html>

<head>

<title>浏览器对象</title>

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

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>

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

</ul>

</div>

</body>

</html>

写回答关注

2回答

单车上的阿凡提

2019-07-10 11:57:50

正文部分margin-top给负数，就给你这个思路，具体操作思考一下，不难

0 1
qq_慕圣626863

2019-06-29 01:47:28

把房产li的下边框设为白色即可

0 0

JavaScript进阶篇

本课程从如何插入JS代码开始，带您进入网页动态交互世界

468062 学习 · 21891 问题

查看课程

相似问题

li（房产，家具那一栏）的下边框怎么去不掉？大神们帮帮忙，帮我回答一下

回答 8

请问怎么让房产处无border-bottom js进阶的编程挑战

回答 1

不明白li房产的下边框为什么会遮挡住下面的内容啊~有思路清晰的大神帮解答一下吗？

回答 1

怎么让一个div覆盖一个div啊，做不出点标题就能让下边框消失，因为下面的div有边框用z-index也没用

回答 2

关于边框覆盖问题，怎样才能用li白色下边框把下面div的上边框覆盖掉不显示。。新人求教，谢谢了

回答 2

打开慕课网App查看更多内容