Find centralized, trusted content and collaborate around the technologies you use most.
Teams
Q&A for work
Connect and share knowledge within a single location that is structured and easy to search.
我想使用 CSS3 来实现这个功能区:
有没有办法在 CSS 3 中创建“扭曲”的矩形,或者我应该使用三角形?我对 CSS3 很陌生。实现此功能区的最简单方法是什么?
我对这个工具有一些运气:http: //cssarrowplease.com/
在您的情况下,您将同时拥有 a:before和 a:after具有不同的箭头配置。
:before
:after
最后,请注意,要获得尖箭头,您在 4 的一侧使用边框。但要获得对角线,您只需在 2 个相邻边上使用边框,而在另一侧没有边框。
祝你好运!