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

时间:2017-03-21 10:19:19

标签: javascript html css html5

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

Custom CSS shape

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

2 个答案:

答案 0 :(得分:0)

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

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

答案 1 :(得分:0)

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