带有CSS图案的缎带/旗帜
带有CSS图案的缎带/旗帜
提问于 2015-12-11 14:32:37
我一直试图在CSS中使用某种色带标志样式，但我一直未能做到，我想知道是否有人能指出我的正确之处，以及是否知道如何处理这些形状的好教程。
这就是我想要达到的
回答 1
Stack Overflow用户
回答已采纳
发布于 2015-12-11 14:40:03
div {
background-color: #AC4244;
position: relative;
height: 40px;
width: 100%;
}
div:before {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 20px 0 20px 5px;
border-color: transparent transparent transparent #ffffff;
position: absolute;
left: 0;
top: 0;
}
div:after {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 20px 5px 20px 0;
border-color: transparent #ffffff transparent transparent;
position: absolute;
right: 0;
top: 0;
}<div></div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/34225883
复制相关文章
相似问题
腾讯云开发者
