怎么让css选项卡边框的某一边少一部分

答案:6 悬赏:20 手机版

解决时间 2021-11-19 19:19

提问者网友：难遇难求
2021-11-19 09:29

怎么让css选项卡边框的某一边少一部分

最佳答案

五星知识达人网友：玩家
2021-11-19 11:09

上下边框都少了一块，可以把上面块的底边框border-bottom设置成河北京颜色一样的边框色，给一个相对定位，遮住下面的一部分边框

全部回答

1楼网友：空山清雨
2021-11-19 17:19

可以设置border-bottom-width为0

2楼网友：一把行者刀
2021-11-19 16:37

div {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 0px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #999;
border-right-color: #999;
border-bottom-color: #999;
border-left-color: #999;
}
这是上面那个短标题的DIV（去下边）效果。
下面那个DIV四边正常，但两个DIV的距离适当调整让它重叠并保证上边那个小DIV在上层就可以做到这样的效果了。

3楼网友：纵马山川剑自提
2021-11-19 15:32

覆盖掉就行了

4楼网友：何以畏孤独
2021-11-19 14:17

你让上面的标题部分盖住下面的内容部分一个像素左右，然后标题设置背景颜色，下边框为零

5楼网友：鱼忧
2021-11-19 12:40

* {
margin: 0;
padding: 0;
}

li {
list-style: none;
}

.demo {
width: 280px;
margin: 0 auto;
box-sizing: border-box;
}

.lv1 {
clear: both;
overflow: hidden;
}

.lv1 li {
float: left;
border: 1px solid #DCDCDC;
padding: 24px 10px 24px 10px;
box-sizing: border-box;
border-bottom: none;
}

.lv2 {
border: 1px solid #DCDCDC;
margin: -1px 0 0 0;
}

.inli {
clear: both;
overflow: hidden;
}

.inli li {
float: left;
padding: 5px 10px 5px 10px;
}

.selbox {
margin: 10px 0 0 10px;
}

选项一

选项二

选项三

选项四

点卡

游戏：

面值：