CSS如何让一个元素的背景色覆盖位于他下方元素的部分边框?

html-css027

CSS如何让一个元素的背景色覆盖位于他下方元素的部分边框?,第1张

两种方法:

绝对位置,进行定位处理,两个元素都相对于其父元素进行绝对定位。它们必须为同一父元素的子元素

负边距。此元素margin-bottom:-1px;即可覆盖下方元素的边框

CSS去掉div的边框可以去掉css的border属性,或者覆盖border属性为none来实现。

1、如图,这是一个带边框的div测是页面。

2、第一个div的边框是这行css实现的效果

border: 5px solid black

3、第二个div没有设置边框样式

4、第三个div的css设置了边框样式,但被内联样式覆盖为none,因此也能不显示边框。

代码如下

<div class="box1"></div>

<div class="box2"></div>

<div class="box3" style="border: none"></div>

div{

width:200px

height:120px

margin-bottom:10px

background-color:yellow

}

.box1, .box3{

border: 5px solid black

}