网页布局divcss中如何把相邻的边框重叠在一起?如何更改?如下图所示。

你这里右边框和左边框都是一样的、所以两者之间就定义一个可以了、改成.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
mengvlog 阅读 7 次 更新于 2025-07-19 07:58:51 我来答关注问题0
  •  阿暄生活 div+css中图片文字如何排版

    1. 使用div容器包裹图片和文字 创建一个div容器:首先,你需要创建一个div容器来包裹图片和文字,这样可以对它们进行统一的布局控制。设置div容器的样式:使用CSS设置div容器的宽度、高度、边距、填充等属性,以达到你想要的布局效果。2. 使用float属性进行排版 浮动图片:给图片元素添加float: left;或float...

  •  翡希信息咨询 如何用DIV+CSS将网页布局 左 中 右 并列

    清除浮动:在父容器的末尾添加一个空的DIV,并为其设置clear: both;属性,以清除浮动,确保布局稳定。或者使用伪元素::after来清除浮动,这是一种更现代且推荐的做法。例如:css.parent::after {content: "";display: table;clear: both;}示例代码:html

  •  湖北倍领科技 如何让图片在div中居中显示?

    利用text-align属性将图片水平居中,然后设置padding-top的值使其垂直居中。代码如下:HTML结构: CSS样式:div {width:300px; height:150px; background-color:#CCC; border:#000 1px solid; text-align:center; padding-top:50px;} 方法二...

  • anonymous 怎么设置css,把放在一个div中的图片横着排列

    1、首先,如图所示,我在html中放置了两个iframe标签,没有额外的设置。如果浏览器直接打开,您可以看到iframe标签默认是水平排列的。2、如果我将这两个iframe标签放在div标签中,我可以看到div标签默认垂直排列,也就是说,div标签会填充一行。3、使用css将两个div标签的float设置为left。在此设置之后,...

  •  文暄生活科普 如何用DIV+CSS将网页布局 左 中 右 并列

    使其与容器边缘保持10px的距离。同样,中间和右侧元素亦需添加margin-left属性,保持相同的间隔。最后,加入一个 标签并添加clear:both属性,以清除浮动,确保布局不会因浮动元素而产生意外的换行。通过这些CSS样式调整,能够实现网页布局中左右中并列显示的效果,即使宽度较大,也不会发生换行现象。

檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部