网页布局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个回答
展开全部
.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_main_left {width:200px; height:600px; float:left;}
.div_main_right{width:200px; height:600px; border-left:solid 1px #3F6; float:right;}这样的效果都是一样的、重叠的那种效果会加粗，你可以把边框宽度改成2px。
.div_main_right{width:200px; height:600px; border-left:solid 1px #3F6; float:right;}
你这里右边框和左边框都是一样的、所以两者之间就定义一个可以了、改成.div_main_left {width:200px; height:600px; float:left;}
.div_main_right{width:200px; height:600px; border-left:solid 1px #3F6; float:right;}这样的效果都是一样的、重叠的那种效果会加粗，你可以把边框宽度改成2px。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
重叠在一起是什么意思？紧靠着的不就是重叠了吗？
你是想只有一根线还是两根线呢？
你是想只有一根线还是两根线呢？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
为什么不用一个版块，中间 用一条线分隔呢。这样不就没有这个问题了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
加个margin负值就可以了，如在top3和main-right中加margin-left:-1px，在footer中加margin-top:-1px
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
在下面的DIV的CSS中添加属性margin-top:10px;就可以了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（7）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
