css是非常強大的工具，如果我們掌握的好，那么許多復(fù)雜的形狀不需要使用圖片而直接使用css完成即可，這不僅有利于減少http請求以增強性能還便于日后的管理和維護，一舉兩得！ 這篇博文會主要介紹一些常見的圖形，如圓、橢圓、三角形、平行四邊形、菱形、切角效果等等?！　?/p>

　　由于這篇博文中的多數(shù)實現(xiàn)代碼用到了css3，鑒于篇幅有限，所以大家如果對css3不太了解可以先看我的博文《強大的css3》。

 

第一部分：圓

　　用css創(chuàng)建一個圓是很簡單的，只需要把border-radius的值設(shè)置位寬和高的一般即可，代碼如下所示：

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

　　效果如下所示：

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

 

延伸閱讀

學(xué)習(xí)是年輕人改變自己的最好方式-Java培訓(xùn),做最負(fù)責(zé)任的教育,學(xué)習(xí)改變命運,軟件學(xué)習(xí),再就業(yè),大學(xué)生如何就業(yè),幫大學(xué)生找到好工作,lphotoshop培訓(xùn),電腦培訓(xùn),電腦維修培訓(xùn),移動軟件開發(fā)培訓(xùn),網(wǎng)站設(shè)計培訓(xùn),網(wǎng)站建設(shè)培訓(xùn)學(xué)習(xí)是年輕人改變自己的最好方式