推薦35款精緻的 CSS3 和 HTML5 網頁模板

　　過去的幾年，網頁設計和製作人員就已開始關注和使用 HTML5 了，如今 HTML5 得到了更加廣泛的應用，國外已有很多基於 HTML5 製作的網站。所以，今天這篇文章給大家帶來的是35款基於 HTML5 和 CSS3 的非常精緻的網站模板，大家可以藉助這些優秀網站模板製作出自己的 HTML5 網站。這些網站模板大部分都是免費的，雖然有些要付費，但是都提供了線上示範，所以……你懂的：）

 

1. Software (Free)

Software 是一款非常精美的基於 HTML5 和 CSS3 的企業產品網站模板，免費下載使用。

650) this.width=650;" title="CHCTFYW16" alt="CHCTFYW16" width="580" height="285" border="0" src="http://www.bkjia.com/uploads/allimg/131228/12552612R-0.jpg" />

示範  下載2. Vivid Photo (Free)

Vivid Photo是一個優雅的攝影網站模板，適合攝影師或者愛好攝影的朋友。

650) this.width=650;" title="CHCTFYW02" alt="CHCTFYW02" width="580" height="281" border="0" src="http://www.bkjia.com/uploads/allimg/131228/1255264053-1.jpg" />

示範  下載3. Keith Douglas ($18)

精選！基於全屏背景圖片的投影片效果，適合個人和企業網站，雖然要付費，但是有線上示範，所以……

650) this.width=650;" title="CHCTFYW34" alt="CHCTFYW34" width="580" height="285" border="0" src="http://www.bkjia.com/uploads/allimg/131228/12552C5V-2.jpg" />

示範  下載4. Hope Center (Free)

另一款網站模板，使用了眾多 HTML5 和 CSS3 特性。

650) this.width=650;" title="CHCTFYW03" alt="CHCTFYW03" width="580" height="285" border="0" src="http://www.bkjia.com/uploads/allimg/131228/1255263N0-3.jpg" />

示範  下載5. Androidian (Free)

Androidian 使用黑色和綠色兩種色彩的網站模板，帶有滑塊功能。

650) this.width=650;" title="CHCTFYW05" alt="CHCTFYW05" width="580" height="287" border="0" src="http://www.bkjia.com/uploads/allimg/131228/12552B242-4.jpg" />

示範  下載6. Blu Band (Free)

Blue Band 是一款非常酷的音樂主題 HTML5 和 CSS3 網站模板。

650) this.width=650;" title="CHCTFYW06" alt="CHCTFYW06" width="580" height="288" border="0" src="http://www.bkjia.com/uploads/allimg/131228/1255264455-5.jpg" />

示範  下載7. Innotech ($15)

InnoTech 是付費模板，設計簡潔，高品質，提供線上預覽。

650) this.width=650;" title="CHCTFYW07" alt="CHCTFYW07" width="580" height="285" border="0" src="http://www.bkjia.com/uploads/allimg/131228/12552B341-6.jpg" />

示範  下載8. Life Book (Free)

這款模板適合作為部落格，好像有類似的 Wordpress 主題。

650) this.width=650;" title="CHCTFYW08" alt="CHCTFYW08" width="580" height="286" border="0" src="http://www.bkjia.com/uploads/allimg/131228/1255261128-7.jpg" />

示範  下載9. John Smith ($30)

650) this.width=650;" title="CHCTFYW09" alt="CHCTFYW09" width="580" height="283" border="0" src="http://www.bkjia.com/uploads/allimg/131228/1255261Y0-8.jpg" />

示範  下載10. Mega Box ($15)

Mega box 這個主題的網站模板適合各種商業網站。

650) this.width=650;" title="CHCTFYW10" alt="CHCTFYW10" width="580" height="253" border="0" src="http://www.bkjia.com/uploads/allimg/131228/1255264R0-9.jpg" />

示範  下載11. Mr. Hurley (Free)

650) this.width=650;" title="CHCTFYW11" alt="CHCTFYW11" width="580" height="287" border="0" src="http://www.bkjia.com/uploads/allimg/131228/12552B627-10.jpg" />

示範  下載12. Coffee Cols (Free)

Coffee Cols 是一個非常有創意的雜誌風格的網站模板。

650) this.width=650;" title="CHCTFYW12" alt="CHCTFYW12" width="580" height="287" border="0" src="http://www.bkjia.com/uploads/allimg/131228/12552645c-11.jpg" />

示範  下載13. Acallia (Free)

650) this.width=650;" title="CHCTFYW13" alt="CHCTFYW13" width="580" height="285" border="0" src="http://www.bkjia.com/uploads/allimg/131228/1255264I4-12.jpg" />

示範  下載14. Ben The Bodyguard ($4.99)

一款適合移動 APP 項目的網站。

650) this.width=650;" title="CHCTFYW14" alt="CHCTFYW14" width="580" height="285" border="0" src="http://www.bkjia.com/uploads/allimg/131228/1255262314-13.jpg" />

示範  下載15. Serenity (Free)

Serenity 是一個非常簡單的模板模板，供學習參考。

650) this.width=650;" title="CHCTFYW15" alt="CHCTFYW15" width="580" height="286" border="0" src="http://www.bkjia.com/uploads/allimg/131228/1255263040-14.jpg" />

示範  下載16. Thom Sander (Free)

650) this.width=650;" title="CHCTFYW01" alt="CHCTFYW01" width="580" height="286" border="0" src="http://www.bkjia.com/uploads/allimg/131228/12552B402-15.jpg" />

示範  下載17. Superior (Free)

這是一個適合企業網站的 HTML5 和 CSS3 網站模板。

650) this.width=650;" title="CHCTFYW17" alt="CHCTFYW17" width="580" height="285" border="0" src="http://www.bkjia.com/uploads/allimg/131228/12552C621-16.jpg" />

示範  下載18. Think Simple (Free)

Think Simple 是一個經典風格的企業網站模板，使用了簡潔但有吸引力的色彩配置。

650) this.width=650;" title="CHCTFYW18" alt="CHCTFYW18" width="580" height="286" border="0" src="http://www.bkjia.com/uploads/allimg/131228/1255262321-17.jpg" />

示範  下載19. Business Name ($19)

標準的網站模板，有 HTML,CSS,PSD 源檔案。

650) this.width=650;" title="CHCTFYW19" alt="CHCTFYW19" width="580" height="285" border="0" src="http://www.bkjia.com/uploads/allimg/131228/1255263E7-18.jpg" />

示範  下載20. Worktopia ($13)

650) this.width=650;" title="CHCTFYW20" alt="CHCTFYW20" width="580" height="287" border="0" src="http://www.bkjia.com/uploads/allimg/131228/12552C930-19.jpg" />

示範  下載21. Wilderness ($40)

Wilderness 是一個非常適合創意項目或者工作室的網站。

650) this.width=650;" title="CHCTFYW21" alt="CHCTFYW21" width="580" height="273" border="0" src="http://www.bkjia.com/uploads/allimg/131228/12552BB6-20.jpg" />

示範  下載22. Freely ($15)

另一款非常精美的網站，提供了線上預覽。

650) this.width=650;" title="CHCTFYW22" alt="CHCTFYW22" width="580" height="272" border="0" src="http://www.bkjia.com/uploads/allimg/131228/1255264L0-21.jpg" />

示範  下載23. Im Creatives (Free)

IM Creatives 是一個互動的，創意的 HTML5 和 CSS3 網站模板。

650) this.width=650;" title="CHCTFYW23" alt="CHCTFYW23" width="580" height="286" border="0" src="http://www.bkjia.com/uploads/allimg/131228/1255262K6-22.jpg" />

示範  下載24. Mirage ($16)

Mirage 簡潔設計風格的網站模板，但很有視覺吸引力。

650) this.width=650;" title="CHCTFYW24" alt="CHCTFYW24" width="580" height="279" border="0" src="http://www.bkjia.com/uploads/allimg/131228/1255261039-23.jpg" />

示範  下載25. Responsy ($15)

Responsy 是一款精緻的響應式 HTML5 網站模板。

650) this.width=650;" title="CHCTFYW25" alt="CHCTFYW25" width="580" height="276" border="0" src="http://www.bkjia.com/uploads/allimg/131228/12552CN2-24.jpg" />

示範  下載26. Scoove ($15)

Scoove 是另一款漂亮的響應式網站模板。

650) this.width=650;" title="CHCTFYW26" alt="CHCTFYW26" width="580" height="286" border="0" src="http://www.bkjia.com/uploads/allimg/131228/12552A550-25.jpg" />

示範  下載27. Retro ($13)

Retro 這個網站模板非常精美，適合作為作品集網站或者企業產品展示網站。 

650) this.width=650;" title="CHCTFYW27" alt="CHCTFYW27" width="580" height="285" border="0" src="http://www.bkjia.com/uploads/allimg/131228/12552Bc6-26.jpg" />

示範  下載28. Rising ($15)

Rising 這款 HTML5 網站模板適合用於移動項目。

650) this.width=650;" title="CHCTFYW28" alt="CHCTFYW28" width="580" height="284" border="0" src="http://www.bkjia.com/uploads/allimg/131228/12552A058-27.jpg" />

示範  下載29. Design Studio (Free)

650) this.width=650;" title="CHCTFYW29" alt="CHCTFYW29" width="580" height="286" border="0" src="http://www.bkjia.com/uploads/allimg/131228/12552A553-28.jpg" />

示範  下載30. Empire ($16)

這個獨特的網站模板適合用於企業網站，個人作品展示，餐館或者汽車網站。

650) this.width=650;" title="CHCTFYW30" alt="CHCTFYW30" width="580" height="286" border="0" src="http://www.bkjia.com/uploads/allimg/131228/1255261018-29.jpg" />

示範  下載31. Greptem (Free)

免費的網站模板，特別適合作為個人作品展示用。失效，可以通過示範網址儲存下來）

650) this.width=650;" title="CHCTFYW31" alt="CHCTFYW31" width="580" height="286" border="0" src="http://www.bkjia.com/uploads/allimg/131228/1255263I0-30.jpg" />

示範  下載32. Ost Magazine (Free)

這個免費的網站模板也很漂亮哦。

650) this.width=650;" title="CHCTFYW32" alt="CHCTFYW32" width="580" height="273" border="0" src="http://www.bkjia.com/uploads/allimg/131228/12552CH0-31.jpg" />

示範  下載33. Deliccio (Free)

650) this.width=650;" title="CHCTFYW33" alt="CHCTFYW33" width="580" height="286" border="0" src="http://www.bkjia.com/uploads/allimg/131228/12552C519-32.jpg" />

示範  下載34. Elephant Web ($15)

這款網站模板適合於創意設計行業或者企業網站。

650) this.width=650;" title="CHCTFYW04" alt="CHCTFYW04" width="580" height="284" border="0" src="http://www.bkjia.com/uploads/allimg/131228/1255261463-33.jpg" />

示範  下載35. Royale ($15)

最後推薦這款精美網站模板特別適合用於攝影師作品展示，服飾企業網站，視頻網站等。

650) this.width=650;" alt="" src="http://www.bkjia.com/uploads/allimg/131228/1255263G0-34.jpg" />

示範  下載

 

您可能還喜歡

 

• 12款高品質的免費 CSS 網站模板下載
• 最新30佳精美 PSD 網站模板免費下載
• 12款高品質的免費 HTML 網頁模板下載
• 45款高品質的免費(X)HTML/CSS模板
• 尋找網頁設計構想的27個最佳網站推薦

 

英文來源：25 Sites to download Free Web Templates

編譯來源：夢想天空 ◆ 關注前端開發技術 ◆ 分享網頁設計資源

模板很漂亮！贊一個！

本文出自 “夢想天空” 部落格，請務必保留此出處http://lihongbo.blog.51cto.com/3956353/968510