如何使用任何圖像

2011-05-09 R.K.S.Nageswararao

的可能重複[上的DIV圓角，而無需使用圖像]（http://stackoverflow.com/questions/2356756/rounded-corners-on -divs-without-using-images） – 2011-05-09 08:19:27

如果你的目標啓用CSS3的Web瀏覽器中使用HTML與出去字段集圓角使用HTML與出盡圓角的

，您可以使用邊界-radius CSS規則。

檢查這篇文章：

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

來源

2011-05-09 08:19:43

只有這樣，才能做到這一點沒有圖像是使用CSS3，這將爲所有現代瀏覽器（甚至IE9）工作。這非常簡單。

fieldset{ 
border-radius: 5px; 
padding: 5px; /*Just to prevent the content from being to close to the corner*/ 
}

你甚至可以只針對特定的角落的方式

來源

2011-05-09 09:42:50

很好的答案，但有點缺乏，因爲只有特定的瀏覽器才能使用ff3和更早版本的邊界半徑（IE9 +，Firefox 4 +，Chrome，Safari 5+和Opera）你需要-moz-border-radius和更早的chrome/safari版本也使用-webkit-border-radius :) – corroded 2011-05-09 09:46:26

是的。感謝您的更正。作爲一個側面說明-moz-border-radius和-webkit-border-radius應該在border-radius屬性之前插入。 – 2011-06-01 21:01:22

如何使用任何圖像

回答

相關問題