2017-09-26 56 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