如何将此布局转换为html/css？

我的合作伙伴设计机构发给我一份要转换成html/css的版面。 你可以在这里看到这种布局，顶部的导航栏是唯一必要的

我现在的问题是，我不知道如何在HTML/CSS中实现布局，因为绿色导航栏中的“弯曲”不在页面的中间。布局应该是灵活的，所以我甚至不想使用一个大图像（2500x75像素），包括弯曲和中心。最好有两个元素，一个从左边拿着徽标，另一个从右边拿着导航链接

---

你是怎么意识到的？

你可以用一些旋转的

来做一些事情，可能是这样的：

<div class="full"></div>
<div class="half">
    <div class="corner"></div>
</div>​

现场演示：

---

使用css倾斜改进演示：​

你被困在哪一部分？如果不想不屑一顾，这似乎并不难；所以我不确定我是否在某个地方遗漏了一个细节。模糊的图像困扰着我的眼睛。现在对我的眼睛好多了。这世界上为什么要投票呢？！？！？！这个“问题”只是一个愿望清单，政府没有做出任何努力OP@Paul我认为这是一个关于如何集中html/css标题的常见初学者问题。而且，因为今天是圣诞节。当然，对旧浏览器说再见：）更好的解决办法是把一些png放在角落里。@MiljanPuzović：可以为现代浏览器保留增强功能，让旧浏览器有降级的体验，只要功能和可用性不受影响。让我们将其作为完整IE6的jpg-支持：）或只添加

左边距：-300pxto.half他说“布局应该灵活”，所以像素的边距会破坏FelFlexible设计。