如何在css中创建自定义形状

Question

我想知道如何创建如下内容：

灰色容器没问题，但粉红色的菜单容器让我发疯。你怎么创造这样的东西？我应该为此使用图片并将div对齐（这似乎是脆弱的方式）或者我应该创建自定义CSS形状，如果是，如何？

Answer 1

制作一个粉红色背景的简单导航栏。然后在徽标按钮下面添加一个随机元素i-e <p class="extension"></p>给它填充一些宽度。

.extension {
    padding: 10px 0px 10px 0px;
    width: 260px;
    background-color: pink;
  }

Answer 2

无论您想使用哪个块，请使用css skew.refer link - https://www.w3schools.com/css/tryit.asp?filename=trycss3_transform_skew