html - 如何实现像这里的曲线？

Question

我正在创建一个新网站，并希望重新创建 SAVE 25% 横幅的弧形角落。http://www.sonycreativesoftware.com/

有谁知道我会如何用css或html做到这一点？

干杯

score 2 · Accepted Answer

将图像用作background-image，并应用于border-radius元素

div
{
    background-image:url('http://placehold.it/350x150');
    width:350px;height:150px;
    border-radius:5px;
}

您可以使用border-radius.com生成跨浏览器CSS

score 2 · Accepted Answer

是的，通过使用border-radius。

CSS：

div.rounded{
    border-radius: 5px;
    border: 1px solid black;
}

HTML：

<div class="rounded">This text is in a rounded border!</div>

score 1 · Accepted Answer

这是一个 css3 功能，尚未完全支持所有浏览器。进一步了解此标签：

border-radius: 25px;

score 0 · Accepted Answer

你可以用border-radius: 5px;

如果你想要一个有角的边框，请使用这个。Border-radius.com 为您提供代码。

注意：border-radius 不适用于某些浏览器，例如 ie

或者，您可以在 css 中使用一些图像作为背景。

4 回答 4