-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. CSS3浏览器兼容性
- 9. 跨浏览器兼容性
- 10. Ajax浏览器兼容性
- 11. 浏览器兼容性
- 12. 浏览器兼容性
- 13. ASP.Net浏览器兼容性
- 14. 与不同浏览器的css兼容性问题
- 15. 如何设置php web兼容性与不同的浏览器?
- 16. 如何使兼容所有浏览器的CSS设计?
- 17. 某些类型的CSS选择器的浏览器兼容性
- 18. 用于跨浏览器兼容性的CSS资源
- 19. CSS LI悬停 - 浏览器兼容?
- 20. 小跨浏览器兼容CSS问题
- 21. CSS和IE浏览器不兼容
- 22. PrimeFaces和浏览器的兼容性
- 23. IE7和IE8的浏览器兼容性
- 24. jQuery.data()和跨浏览器的兼容性?
- 25. SVG/VML浏览器的兼容性表
- 26. jQuery中的浏览器兼容性
- 27. 使CSS代码段与多个浏览器兼容?
- 28. 与浏览器的网站兼容
- 29. 与Safari浏览器兼容的问题
- 30. css图像过滤器 - 浏览器兼容性
预计您至少会尝试为自己编写代码。堆栈溢出不是代码写入服务。我建议你做一些[**额外的研究**](http://meta.stackoverflow.com/questions/261592/how-much-research-effort-is-expected-of-stack-overflow-users) ,无论是通过谷歌或通过搜索,尝试和。如果您仍然遇到麻烦,请返回**您的代码**并解释您所尝试的内容。 –