我一直在google搜索圓角使用CSS DIV ..但覺得很雜亂的東西..有的還在使用圓角的圖像,並把它們放在四個角落...CSS圓角股利
能somedoby幫助與這個簡單的CSS代碼...還是可以實現與jQuery
我一直在google搜索圓角使用CSS DIV ..但覺得很雜亂的東西..有的還在使用圓角的圖像,並把它們放在四個角落...CSS圓角股利
能somedoby幫助與這個簡單的CSS代碼...還是可以實現與jQuery
CSS的方式來支持邊界半徑如下:
CSS:
.myClass
{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
這將告訴Mozilla,Webkit,然後標準閱讀瀏覽器(據我所知FF4,Chrome 6和IE9將閱讀沒有瀏覽器前綴),以你認爲適合的任何像素半徑圓角你的角落:)
圖像是在這些CSS選項可用之前使用,並且文章仍然存在。還有jQuery解決方案,如支持IE的Curvy Corners腳本。
'border-radius','-moz-border-radius','-webkit-border-radius'?圖像正在使用的原因是這些CSS屬性僅在主要瀏覽器的最新版本中受支持,並且在IE中不受支持(IE9 beta版除外)。 – 2010-09-30 12:39:13
可能重複[什麼是使用CSS創建圓角的最佳方式?](http://stackoverflow.com/questions/7089/what-is-the-best-way-to-create-rounded-corners-using -css) – 2010-09-30 12:40:08
@Andrew:在[CSS3PIE](http://css3pie.com/)的幫助下,可以爲IE添加圓角支持。當然,它有其侷限性,但個人而言,我發現它非常方便。 – 2010-09-30 12:54:45