-1
A
回答
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。
相關問題
- 1. CSS瀏覽器兼容性
- 2. 如何使CSS flex屬性與舊版瀏覽器兼容?
- 3. css的瀏覽器兼容性
- 4. 與不同瀏覽器的CSS兼容
- 5. 瀏覽器兼容性問題,CSS
- 6. CSS瀏覽器兼容性問題
- 7. CSS字體跨瀏覽器兼容性
- 8. CSS和瀏覽器兼容性
- 9. css調試,跨瀏覽器兼容性
- 10. CSS兼容性跨瀏覽器
- 11. IE瀏覽器兼容瀏覽器兼容性問題/ Firefox
- 12. WebGL瀏覽器兼容性
- 13. 瀏覽器兼容性
- 14. CSS3瀏覽器兼容性
- 15. 瀏覽器兼容性
- 16. 跨瀏覽器兼容性
- 17. Ajax瀏覽器兼容性
- 18. ASP.Net瀏覽器兼容性
- 19. 與不同瀏覽器的css兼容性問題
- 20. 與IE瀏覽器的CSS定位兼容性問題
- 21. 如何讓我的CSS代碼與所有瀏覽器兼容?
- 22. 瀏覽器兼容性問題(同時使用jQuery,CSS)
- 23. 如何在所有瀏覽器兼容性中設置CSS?
- 24. 瀏覽器兼容性問題與CSS和HTML
- 25. 如何使用css中的漸變來保持瀏覽器的兼容性?
- 26. 如何克服使用JavaScript的瀏覽器兼容性?
- 27. 如何讓CSS與所有瀏覽器兼容?
- 28. 如何設置php web兼容性與不同的瀏覽器?
- 29. 如何使兼容所有瀏覽器的CSS設計?
- 30. 某些類型的CSS選擇器的瀏覽器兼容性
預計您至少會嘗試爲自己編寫代碼。堆棧溢出不是代碼寫入服務。我建議你做一些[**額外的研究**](http://meta.stackoverflow.com/questions/261592/how-much-research-effort-is-expected-of-stack-overflow-users) ,無論是通過谷歌或通過搜索,嘗試和。如果您仍然遇到麻煩,請返回**您的代碼**並解釋您所嘗試的內容。 –