2011-02-02 9 views
0

以下のCSSは、これらのcol0ur#F6F6F6で長方形を塗りつぶしますが、矩形のエッジをカーブしたいと思います。矩形のエッジをカーブします

.bold { 
border: solid 1px #e7e7e7; 
background-color: #F6F6F6; 
} 

答えて

4

これは、最近のブラウザで

border:1px solid #aaac62; 
-webkit-border-radius:8px; 
-moz-border-radius:8px; 
border-radius:8px; 
/** hack for IE6+ */ 
behavior:url(border-radius.htc); 

を動作するはずですあなたのborder-radio.htc

+0

がIEでその作業を行いゲット? IEの最低バージョンは何ですか? – webdad3

+1

AFAIK '-webkit-border-radius'はSafari/Chromeの古いバージョンにのみ必要です。これは現在CSS3の' border-radius'を尊重しています。また、私はIEが丸みのあるコーナーを(少なくともIE8を通して、私は約9を知らない)レンダリングするとは思わない。 – eaj

+1

CSS3Pieは古いborder-radius.htcよりも優れています。ここから入手してください:http://css3pie.com/ – Spudley