Css3圓角講解：想必大家對于圖片，背景圓角，都不陌生吧，
圓角語法：border-radius：圓角值；
CSS3圓角的優點
傳統的圓角生成方案，必須使用多張圖片作為背景圖案。CSS3的出現，使得我們再也不必浪費時間去制作這些圖片了，而且還有其他多個優點：
　　* 減少維護的工作量。圖片文件的生成、更新、編寫網頁代碼，這些工作都不再需要了。
　　* 提高網頁性能。由于不必再發出多余的HTTP請求，網頁的載入速度將變快。
　　* 增加視覺可靠性。某些情況下（網絡擁堵、服務器出錯、網速過慢等等），背景圖片會下載失敗，導致視覺效果不佳。CSS3就不會發生這種情況。
這個值可以使用：em ，ex，pt，px，百分比;
Border-radius跟margin，padding差不多
Border-radius：lefttop，righttop，rightbottom，leftbottom。

發表評論 共有條評論 用戶名: 密碼: 驗證碼: 匿名發表