css3实现两个div中间内凹圆角
发布网友
发布时间：2022-05-13 12:40
共3个回答
热心网友
时间：2022-05-13 14:09
html标签如下
<ul class="uls">
<li>1 <span class="li-boradiu"></span>
</li>
<li>2 <span class="li-boradiu"></span>
</li>
<li>3</li></ul>
css标签如下
uls{list-style-type: none;*zoom: -1;}
uls:after{content: "";clear: both;display: block;}
uls li{display: block;float: left;width: 120px;height: 35px;background-color: #4169E1;text-align: center;line-height: 35px;color: white;/*做上圆角*/border-top-left-radius : 15px; border-top-right-radius : 15px; }
li-boradiu{display: inline-block;width: 35px;height: 35px;/*background-color: #4169E1;*/background-image: radial-gradient(70px at 17.5px 0, #f00);}
热心网友
时间：2022-05-13 15:27
热心网友
时间：2022-05-13 17:02
