请问以下CSS3 效果：两边是圆角，中间是一条分界线 这种效果怎么实现
答案:4 悬赏:40 手机版
解决时间 2021-11-21 19:19
- 提问者网友：记得曾经
- 2021-11-21 02:40
请问以下CSS3 效果：两边是圆角，中间是一条分界线 这种效果怎么实现
最佳答案
- 五星知识达人网友：罪歌
- 2021-11-21 03:43
boder-radius可以分别设置四个角的值，顺序为左上、右上、右下、左下
代码如下：
#div1{
border-radius:20px 0 0 20px;
}
#div2{
border-radius: 0 20px 20px 0;
}
求采纳
代码如下：
#div1{
border-radius:20px 0 0 20px;
}
#div2{
border-radius: 0 20px 20px 0;
}
求采纳
全部回答
- 1楼网友：上分大魔王
- 2021-11-21 05:20
一个border-right不就解决了么
- 2楼网友：千夜
- 2021-11-21 05:04
左边
右边
*{
margin:0;
padding:0;
box-sizing: border-box;
}
.box {
width: 200px;
border-radius:40px;
border:1px solid #ddd;
line-height: 40px;
overflow: hidden;
}
.box>div{
width:50%;
text-align: center;
float: left;
vertical-align: middle;
background: #ffff00;
}
.box>div:first-child{
border-right:1px solid #ddd;
}