网页布局divcss中如何把相邻的边框重叠在一起？如何更改？如下图所示。
代码如下：<title>我的</title><style>.div-top1{width:960px;height:100px;margin:auto;border:so...
代码如下：
<title>我的</title>
<style>
.div-top1{width:960px; height:100px; margin:auto; border:solid 1px #3F6;}
.div-top2{width:700px; height:100px; border-right:solid 1px #3F6; float:left;}
.div-top3{width:250px; height:100px; border-left:solid 1px #3F6; float:right;}
.div_main{width:960px; height:600px; margin:auto; border:solid 1px #3F6;}
.div_main_left {width:200px; height:600px; border-right:solid 1px #3F6; float:left;}
.div_main_right{width:200px; height:600px; border-left:solid 1px #3F6; float:right;}
.div-foot{width:960px; height:70px; margin:auto; border:solid 1px #3F6;}
</style>
</head>
<body>
<!--头部start-->
<div class="div-top1">
<div class="div-top2"></div>
<div class="div-top3"></div>
</div>
<!--头部end-->
<!--中部start-->
<div class="div_main">
<div class="div_main_left"></div>
<div class="div_main_right"></div>
</div>
<!--中部end-->
<!--尾部start-->
<div class="div-foot">
</div>
<!--尾部end-->
</body>
</html> 展开
<title>我的</title>
<style>
.div-top1{width:960px; height:100px; margin:auto; border:solid 1px #3F6;}
.div-top2{width:700px; height:100px; border-right:solid 1px #3F6; float:left;}
.div-top3{width:250px; height:100px; border-left:solid 1px #3F6; float:right;}
.div_main{width:960px; height:600px; margin:auto; border:solid 1px #3F6;}
.div_main_left {width:200px; height:600px; border-right:solid 1px #3F6; float:left;}
.div_main_right{width:200px; height:600px; border-left:solid 1px #3F6; float:right;}
.div-foot{width:960px; height:70px; margin:auto; border:solid 1px #3F6;}
</style>
</head>
<body>
<!--头部start-->
<div class="div-top1">
<div class="div-top2"></div>
<div class="div-top3"></div>
</div>
<!--头部end-->
<!--中部start-->
<div class="div_main">
<div class="div_main_left"></div>
<div class="div_main_right"></div>
</div>
<!--中部end-->
<!--尾部start-->
<div class="div-foot">
</div>
<!--尾部end-->
</body>
</html> 展开
9个回答
展开全部
加两行代码
border-spacing: 0;
border-collapse: collapse;
border-spacing: 0;
border-collapse: collapse;
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用负值调，margin-top:-1px;
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
.div-top1{width:960px; height:100px; margin:auto; border-top:solid 1px #3F6;border-left:solid 1px #3F6;border-right:solid 1px #3F6;}
.div-foot{width:960px; height:70px; margin:auto; border-bottom:solid 1px #3F6;border-left:solid 1px #3F6;border-right:solid 1px #3F6;}
按照上面的修改就可以了
.div-foot{width:960px; height:70px; margin:auto; border-bottom:solid 1px #3F6;border-left:solid 1px #3F6;border-right:solid 1px #3F6;}
按照上面的修改就可以了
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
修改代码如下：只是加了些定位如position:relative;，不知道是不是你想要的效果
<title>我的</title>
<style>
.div-top1{width:960px; height:100px; margin:auto; border:solid 1px #3F6; position:relative;}
.div-top2{width:700px; height:100px; border-right:solid 1px #3F6; float:left; position:absolute;}
.div-top3{width:250px; height:100px; border-left:solid 1px #3F6; float:right;position:absolute;}
.div_main{width:960px; height:600px; margin:auto; border:solid 1px #3F6; position:relative;}
.div_main_left {width:200px; height:600px; border-right:solid 1px #3F6; float:left;position:absolute;}
.div_main_right{width:200px; height:600px; border-left:solid 1px #3F6; float:right;position:absolute;}
.div-foot{width:960px; height:70px; margin:auto; border:solid 1px #3F6; position:relative;}
</style>
</head>
<body>
<!--头部start-->
<div class="div-top1">
<div class="div-top2"></div>
<div class="div-top3"></div>
</div>
<!--头部end-->
<!--中部start-->
<div class="div_main">
<div class="div_main_left"></div>
<div class="div_main_right"></div>
</div>
<!--中部end-->
<!--尾部start-->
<div class="div-foot">
</div>
<!--尾部end-->
</body>
</html>
<title>我的</title>
<style>
.div-top1{width:960px; height:100px; margin:auto; border:solid 1px #3F6; position:relative;}
.div-top2{width:700px; height:100px; border-right:solid 1px #3F6; float:left; position:absolute;}
.div-top3{width:250px; height:100px; border-left:solid 1px #3F6; float:right;position:absolute;}
.div_main{width:960px; height:600px; margin:auto; border:solid 1px #3F6; position:relative;}
.div_main_left {width:200px; height:600px; border-right:solid 1px #3F6; float:left;position:absolute;}
.div_main_right{width:200px; height:600px; border-left:solid 1px #3F6; float:right;position:absolute;}
.div-foot{width:960px; height:70px; margin:auto; border:solid 1px #3F6; position:relative;}
</style>
</head>
<body>
<!--头部start-->
<div class="div-top1">
<div class="div-top2"></div>
<div class="div-top3"></div>
</div>
<!--头部end-->
<!--中部start-->
<div class="div_main">
<div class="div_main_left"></div>
<div class="div_main_right"></div>
</div>
<!--中部end-->
<!--尾部start-->
<div class="div-foot">
</div>
<!--尾部end-->
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
