CSS：ボーダーと画像なしの丸みのあるコーナーを追加するには？

Question

IEで動作するようなものはありますか？画像はありません。

http://www.css3.info/preview/rounded-border/ 

Answer 1

CSS3を使用すると、イメージを使用せずにこれを達成できます。

しかし、多くのブラウザではサポートされていません。

Answer 2

私は試していないが、あなたはこの

Nifty Corners Cube: rounded corners without images - 
URL is http://www.html.it/articoli/niftycube/index.html 

の表情を持つことができるか、試してみてください

JQuery Corners - 
http://www.atblabs.com/jquery.corners.html 

使用例 -

<div style="background-color:#acc; padding:10px" class="rounded"> 
    Example with different x and y sizes. 
</div> 
<script>$(document).ready(function(){ 
    $('.rounded').corners("30px 10px"); 
});</script> 

Works with: 

    * iPhone 
    * Chrome 
    * Firefox 
    * Safari 2+ 
    * Opera 9.0+ 
    * Internet Explorer 6+ 
    * and probably more... 

Answer 3

Nifty Corners Cubeを試してみて、それ内側の背景色とは異なる境界色を持つことはできません。回避策を見つける必要があります（すてきなコーナーの中のきれいなコーナー）。また、チェックアウトjQueryUIのthemerollerをチェックアウトすることもできます。イメージを使用しますが、独自のテーマをデザインするために使用できます。スクリプト、スタイル、イメージを含むパッケージ全体をダウンロードするだけで済みます。ハイライト/エラーを作成できる部分をチェックしてください。

ここでは、別のすてきなコーナーの中にあるすてきなコーナーキューブのサンプルを紹介します。ソースを表示するだけです。 Nifty Corners Cube sample

Answer 4

この方法を試してください。

http://www.cssplay.co.uk/boxes/curves.html

この方法には、画像、無ジャバスクリプトが、CSSでの余分なHTMLの少しを使用していません。

基本的に、この方法は、使用する弾丸（•）に基づいています。箇条書きは希望の色を与えられ、ボックスの四隅に配置されます。ボックスは相対的に配置され、弾丸は絶対的に配置されます。つまり、それらは親ボックスに対して絶対的に配置されます。