CSS：如何添加具有邊框和無圖像的圓角？

是否有這樣的事情可以使用IE？沒有圖像和邊界？CSS：如何添加具有邊框和無圖像的圓角？

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

來源

2009-07-20 marknt15

電子郵件[email protected] :-) - 抱歉，無法抗拒。 – 2009-07-20 09:18:17

CSS 3可能在他們的議程上。不過，SVG和MathML等其他東西是否值得懷疑。 – Joey 2009-07-20 09:24:17

使用CSS3，您可以在不使用任何圖像的情況下實現此目的。

但是在許多瀏覽器中不支持。

來源

2009-07-20 09:17:41 rahul

「許多」你的意思是IE瀏覽器，對吧？ – 2009-07-20 15:13:56

我還沒有嘗試過，但你可以對這個

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...

來源

2009-07-20 09:24:01 TigerTiger

嘗試Nifty Corners Cube，但它不允許您具有不同於內部背景顏色的邊框顏色。你將需要找到一個解決方法（漂亮的角落裏漂亮的角落）。您還可以結賬jQueryUI的themeroller。它使用圖像，但您可以使用它來設計自己的主題，並且您只需下載包含腳本，樣式和圖像的整個包。查看可以創建突出顯示/錯誤的部分。

下面是另一個漂亮的角落裏漂亮的角落立方體的樣本。只要查看來源。 Nifty Corners Cube sample

來源

2009-07-20 09:25:17 Randell

試試這個：

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

此方法使用無圖像，無JavaScript的，但與CSS額外的HTML的一點點。

基本上，此方法基於使用項目符號（•）。子彈被賦予所需的顏色並放置在盒子的四個角落。盒子相對定位，子彈絕對定位。那就是它們相對於父盒子是絕對定位的。

來源

2009-07-20 09:39:56 Jamol

CSS：如何添加具有邊框和無圖像的圓角？

回答

相關問題