圖形包括基本的矩形、圓形、橢圓、三角形、多邊形，也包括稍微復雜一點的愛心、鉆石、陰陽八卦等。當然有一些需要用到CSS3的屬性，所以在你打開這篇文章的時候，我希望你用的是firefox或者chrome，當然IE也能看一部分的。那好，下面就一起來看看我們是如何用純CSS來畫這些圖形的，如果你也覺得很震撼，推薦給你的朋友吧。

1、正方形

最終效果： 

 CSS代碼如下：

復制代碼

上一篇：CSS3屬性box-shadow使用詳細教程

下一篇：CSS3制作日歷實現代碼

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

學習交流

更多

• 

  練就火眼金睛 十一種常見電腦

• 

  打印機共享提示“操作無法完成

如何查找有故障的配件

如何查找有故障的配件...

• 綠毒越獄軟件 完美越獄4.21教程12-21
• htcg15怎么刷機？htcg15刷機教程12-21
• HTC hd7刷安卓2.2全教程12-21
• mpkg軟件下載和卸載的方法12-21

• 網站后臺系統設置的網站地址格式寫法07-09
• 防止重復提交js按鈕變灰07-09
• 不同時間顯示不同的廣告代碼07-09
• iframe框架調用高度自適應方法07-09
• 備份數據庫出現問題的解決方法07-09

熱門圖片

更多

• 

  回眸一笑百魅生，六宮粉黛無顏色

• 

  歲月靜美，剪一影煙雨江南

• 

  蕪湖有個“松鼠小鎮”

• 

  小滿：小得盈滿，一切剛剛好！

• 

  一串串晶瑩剔透的葡萄，像一顆顆寶石掛在藤

• 

  正宗老北京脆皮烤鴨

• 

  人逢知己千杯少，喝酒搞笑圖集

• 

  搞笑試卷，學生惡搞答題

猜你喜歡的新聞

• 最牛同桌！我考了696分我同桌考了703分
• 650分！高二女生考入北大：遺憾不能上高三
• 男生估分600只考了397 媽媽：高考雖重要，但不
• 唐尚珺回應是否會直播帶貨：有人出100萬想和
• 名校搶人名場面：清華、北大太拼了！
• 男生高考語文滿分！網友：第一次聽說
• 第16次參加高考！唐尚珺今年成績超600分
• 語文145分學霸筆記公開字跡清秀：多閱讀，該背
• 數學滿分！四川綿陽一男生高考710分 理綜僅扣
• 阿里全球數學競賽選手：決賽專業性太強，6道題

猜你喜歡的關注

• 方便實用的CSS網頁布局25個技巧
• 在字符集移值之前使用CSSCAN工具
• C#技巧：給datagrid的按鈕列添加css
• 開發基于Web的CSS設計器.代碼參考
• css設定表格寬度
• 開發基于Web的CSS設計器
• 高性能WEB開發 JS、CSS的合并、壓縮、緩存
• CSS Tips：段落每行漸變色文本效果的實現方法
• CSS3 clip-path 用法介紹詳解
• CSS實現多行多列的布局的實例代碼

新聞熱點

最牛同桌！我考了696分我同桌考了703分

2024-06-26 22:28:41

650分！高二女生考入北大：遺憾不能上高三

2024-06-26 22:26:16

男生估分600只考了397 媽媽：高考雖重要，但不代表所有

2024-06-26 22:23:01

唐尚珺回應是否會直播帶貨：有人出100萬想和他合作！

2024-06-25 19:29:23

名校搶人名場面：清華、北大太拼了！

2024-06-25 19:22:14

男生高考語文滿分！網友：第一次聽說

2024-06-25 19:19:15

疑難解答

• 如何查找有故障的配件
• 計算機啟動故障的判斷
• 練就火眼金睛 十一種常見電腦故障判斷
• 了解電腦啟動過程，解決啟動問題
• 電腦也怕冷，溫度低引發的故障
• 電腦各種中英文信息對照及錯誤信息總
• 新安裝計算機無法啟動的故障原因
• 電腦噪音大的解決辦法
• 怎樣減少機箱內的電磁干擾？
• 常見電腦故障維修－聲卡音箱篇

圖片精選

• 

  DIV+CSS通用樣式布局實例代碼

• 

  DIV+CSS通用樣式布局實例代碼

• 

  input file（input文件域）的美化

• 

  首屆世界CSS設計大賽結果揭曉

網友關注

• 三星i9250去除虛擬按鍵教程
• 綠毒越獄軟件 完美越獄4.21教程
• htcg15怎么刷機？htcg15刷機教程
• HTC hd7刷安卓2.2全教程
• mpkg軟件下載和卸載的方法
• 華為c8860刷機教程
• 美萌手賬更換手賬背景方法
• 用ipad mini可以打電話嗎？怎么打？
• 蘋果ipad2使用教程
• 三星s6352怎么樣設置上網？