css是非常強(qiáng)大的工具,如果我們掌握的好,那么許多復(fù)雜的形狀不需要使用圖片而直接使用css完成即可,這不僅有利于減少http請(qǐng)求以增強(qiáng)性能還便于日后的管理和維護(hù),一舉兩得! 這篇博文會(huì)主要介紹一些常見(jiàn)的圖形,如圓、橢圓、三角形、平行四邊形、菱形、切角效果等等?! ?/p>
由于這篇博文中的多數(shù)實(shí)現(xiàn)代碼用到了css3,鑒于篇幅有限,所以大家如果對(duì)css3不太了解可以先看我的博文《強(qiáng)大的css3》。
第一部分:圓
用css創(chuàng)建一個(gè)圓是很簡(jiǎn)單的,只需要把border-radius的值設(shè)置位寬和高的一般即可,代碼如下所示:
View Code
效果如下所示: