-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) ,无论是通过谷歌或通过搜索,尝试和。如果您仍然遇到麻烦,请返回**您的代码**并解释您所尝试的内容。 –