-2

私は新しいウェブサイトを作成していて、SAVE 25％バナーの湾曲したコーナーを再現しようとしています。http://www.sonycreativesoftware.com/

誰かが私がcssまたはhtmlでこれを行う方法を知っていますか？

乾杯

4

4 に答える 4

2

はい。border-radiusを使用します。

CSS:

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

HTML:

<div class="rounded">This text is in a rounded border!</div>
于 2012-12-03T15:52:15.203 に答える
2

画像を として使用し、要素background-imageに適用しますborder-radius

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

http://jsfiddle.net/mdNCm/1/

border-radius.comを使用してクロスブラウザー CSS を生成できます

于 2012-12-03T15:50:25.843 に答える
1

これは css3 の機能であり、まだすべてのブラウザーで完全にサポートされているわけではありません。このタグについてさらに読む:

border-radius: 25px;
于 2012-12-03T15:50:56.850 に答える
0

これは、border-radius: 5px; で実現できます。

角ばったボーダーが欲しい方はこちらをご利用ください。コードを提供するBorder-radius.com。

注: border-radius は、ie などの一部のブラウザーでは機能しません。

または、css で背景として画像を使用することもできます。

于 2012-12-03T16:34:47.510 に答える