在css中创建凹角

本文介绍了在css中创建凹角的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

是否可以在css中创建这样的凹角？如果是，您会如何做？

推荐答案

这是一个很好的例子，我将如何解决这个问题：

Here is a good example of how I would tackle this:

HTML：

<div class='concave'>
    <div class='topleftconcave'></div>
    <div class='botleftconcave'></div>
</div>

CSS：

 div.concave {
    background:blue;
    width:150px;
    height:120px;
    position:relative;
}
div.topleftconcave {
    position:absolute;
    background:white;
    width:25px;
    height:35px;
    border-bottom-right-radius:500px;
}
div.botleftconcave {
    position:absolute;
    background:white;
    width:25px;
    height:35px;
    bottom:0;
    left:0;
    border-top-right-radius:500px;
}

这篇关于在css中创建凹角的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！