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è)置位寬和高的一般即可,代碼如下所示:

萬(wàn)碼學(xué)堂,電腦培訓(xùn),計(jì)算機(jī)培訓(xùn),Java培訓(xùn),JavaEE開(kāi)發(fā)培訓(xùn),青島軟件培訓(xùn),軟件工程師培訓(xùn) View Code

  效果如下所示:

萬(wàn)碼學(xué)堂,電腦培訓(xùn),計(jì)算機(jī)培訓(xùn),Java培訓(xùn),JavaEE開(kāi)發(fā)培訓(xùn),青島軟件培訓(xùn),軟件工程師培訓(xùn)

 

網(wǎng)友評(píng)論