2017-09-26 81 views
-1

我想创建使用CSS在HTML的形状像这样如何使用CSS与浏览器的兼容性

enter image description here

如何创建使用CSS在HTML这种形状在HTML创建形状。任何最佳解决方案 感谢

+0

预计您至少会尝试为自己编写代码。堆栈溢出不是代码写入服务。我建议你做一些[**额外的研究**](http://meta.stackoverflow.com/questions/261592/how-much-research-effort-is-expected-of-stack-overflow-users) ,无论是通过谷歌或通过搜索,尝试和。如果您仍然遇到麻烦,请返回**您的代码**并解释您所尝试的内容。 –

回答

1

您可以使用CSS夹路径:

.yourclass { 
 
    width: 200px; 
 
    height: 200px; 
 
    background-color: orange; 
 
    -webkit-clip-path: polygon(20% 0%, 60% 0, 0 60%, 0 20%); 
 
    clip-path: polygon(20% 0%, 60% 0, 0 60%, 0 20%); 
 
}
<div class="yourclass"></div>

玩弄它Clippy