<分区>
像 Border Radius 这样的 CSS 设计
标签 css css-shapes
我想知道这是否可以使用边界半径。
我想要的是，如果我单击菜单，我希望事件状态是这样的。但我不知道是否可以使用边界半径。
到目前为止我所做的唯一代码是使用
border-radius:10px;
但我想要的是图像上的类似内容。
最佳答案
您可以使用伪元素并制作一个三 Angular 形，该三 Angular 形重叠在具有菜单背景色的菜单项上:
例如:
li{
position: relative;
}
li:after{
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 0 20px 20px 0;/*manage px values from 20 to what your need suits*/
border-color: transparent #007bff transparent;/*use menu bg color instead of #007bff*/
position: absolute;
}<ul>
<li>menu item</li>
</ul>关于像 Border Radius 这样的 CSS 设计，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31375942/