html - 如何使用css创建像这样的图片的div

This question already has answers here:

draw angular side / parallelogram using CSS
                                
                                    （3个答案）
                                
                        
                                4年前关闭。
            
                    
我一直在尝试塑造这样的元素。但是还没有办法做到这一点。如果有人知道，请告诉我该怎么做。谢谢

最佳答案

最好的方法是在浏览器中检查网站的代码。
例如。在chrome中，右键单击橙色div，然后单击“检查元素”。在接下来的窗口中，您可以看到html代码和指定的样式。

我认为导航是使用CSS3和transform属性进行的。请参阅W3Schools以供参考。您可能会对“比例”和“倾斜”感兴趣。

格蕾兹

关于html - 如何使用css创建像这样的图片的div ，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34003599/