CSS3中的复合形状
CSS3中的复合形状
提问于 2018-07-13 04:29:59
我需要在CSS中创建以下形状：shape我在网上找到了不同的形状，但它们是箭头、六边形等等；对我的形状没有什么真正有用的。
回答 1
Stack Overflow用户
回答已采纳
发布于 2018-07-13 05:33:42
按照这些思路，您可以根据需要随意调整值。使用HTML伪元素可以让您创建添加的突出部分，而不需要第二个单独的::before元素。
div {
width: 400px;
height: 200px;
background: orange;
position: relative;
margin-top: 40px;
}
div::before {
content: '';
position: absolute;
display: block;
height: 20px;
width: 60px;
bottom: 100%;
left: 50%;
transform: translate(-50%,0);
background: orange;
border-radius: 10px 10px 0 0;
}<div></div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51313965
复制相关文章
相似问题