你这里右边框和左边框都是一样的、所以两者之间就定义一个可以了、改成.div_main_left {width:200px; height:600px; float:left;} .div_main_right{width:200px; height:600px; border-left:solid 1px #3F6; float:right;}这样的效果都是一样的、重叠的那种效果会加粗,你可以把边框宽度改成...
网页布局divcss中如何把相邻的边框重叠在一起?如何更改?如下图所示。
.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;}
按照上面的修改就可以了2011-05-03
.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。2011-05-03
重叠在一起是什么意思?紧靠着的不就是重叠了吗?
你是想只有一根线还是两根线呢?2011-05-03
为什么不用一个版块,中间 用一条线分隔呢。这样不就没有这个问题了2011-05-03
加个margin负值就可以了,如在top3和main-right中加margin-left:-1px,在footer中加margin-top:-1px2011-05-03
在下面的DIV的CSS中添加属性margin-top:10px;就可以了2011-05-03
加两行代码
border-spacing: 0;
border-collapse: collapse;2018-05-15
用负值调,margin-top:-1px;2011-05-03
修改代码如下:只是加了些定位如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>2011-05-03