学生汽车网页设计作品静态HTML网页模板源码 大学生汽车网站制作 简单汽车网页设计成品
生活随笔
收集整理的這篇文章主要介紹了
学生汽车网页设计作品静态HTML网页模板源码 大学生汽车网站制作 简单汽车网页设计成品
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
學生奧迪汽車靜態網頁設計作品
- 作品介紹
- 作品截圖
- 網頁代碼
- 作品地址
作品介紹
本網頁設計期末大作業成品使用DIV CSS布局制作，題材為奧迪概念車。頂部LOGO區及首頁的汽車區使用 CSS3動畫屬性 制作了鼠標經過動畫特效（鼠標經過圖片緩慢放大，鼠標離開緩慢縮小）。同時頂部LOGO區域使用 CSS3動畫屬性 制作了響應式加載效果。
網頁整體簡潔大氣，每個頁面都配了不同的BANNER大圖，每個頁面也制作了返回頂部按鈕，子頁面頂部制作了返回首頁按鈕。除了CSS文件中 有幾行CSS3動畫樣式（可刪除），其他代碼均為基礎代碼。大圖及導航背景區域寬度為100%自適應屏幕，主體內容區域為1200PX。整體寬屏設計十分漂亮。
作品截圖
網頁代碼
說明：本作品為LILIXING.com原創作品，為了保障作品原創性，以下僅為首頁部分代碼供參考
<body> <div class="head shadow"><a href="index.html"><img src="images/logo.png" height="100px"></a> </div> <div class="banner"><img src="images/banner.jpg" width="100%"></div> <div class="menu"><ul><li><a href="chea.html">奧迪Aicon</a></li><li><a href="cheb.html">奧迪PB18 e-tron</a></li><li><a href="chec.html">奧迪Elaine</a></li><li><a href="ched.html">奧迪e-tron Vision Gran Turismo</a></li></ul> </div> <div class="foot">奧迪概念車</div> <a href="#top" style="position:fixed; right:20px; bottom:20px;"><img src="images/top.png" width="50px"></a> </body>作品地址
stu-works.com/html/qiche/287.html
總結
以上是生活随笔為你收集整理的学生汽车网页设计作品静态HTML网页模板源码 大学生汽车网站制作 简单汽车网页设计成品的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： ThinkPHP6项目基操（10.不可预
- 下一篇： matlab算法大全 pdf_遗传模拟退