時間：2023-07-02 05:12:02 | 來源：網(wǎng)站運營
時間：2023-07-02 05:12:02 來源：網(wǎng)站運營
HTML5期末大作業(yè)：響應(yīng)式餐飲網(wǎng)頁設(shè)計頁面展示(HTML+CSS+JS)：?
在線咨詢
DW、HBuilder、Vscode 、Sublime。。。<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>視覺差</title><link rel="stylesheet" href="css/style.css"></head><body> <div class="nav"> <ul class="uu-nav"> <li class="logo">美食匯</li> <li class="nav-lists"><a href="index.html">首頁</a> </li> <li class="nav-lists"><a href="health.html">飲食健康</a> </li> <li class="nav-lists"><a href="master.html">美食達人</a> </li> <li class="nav-lists"><a href="caipu.html">菜譜大全</a> </li> <li class="nav-lists"><a href="login.html">登錄</a> </li> <li class="ico">三</li> </ul> <ul class="uu-lists"> <li><a href="index.html">首頁</a> </li> <li><a href="health.html">飲食健康</a> </li> <li><a href="master.html">美食達人</a> </li> <li><a href="caipu.html">菜譜大全</a> </li> <li><a href="login.html">登錄</a> </li> </ul> </div> <header> <div id="benner"> <div class="img"> <img src="img/11.jpg" class="imga active"> <img src="img/22.jpg" class="imga"> <img src="img/33.jpg" class="imga"> <img src="img/44.jpg" class="imga"> <img src="img/55.jpg" class="imga"> </div> <ul class="title"> <li class="nr active"></li> <li class="nr"></li> <li class="nr"></li> <li class="nr"></li> <li class="nr"></li> </ul> </div> </header> <nav> <h3>關(guān)于我們</h3> <p>一個享受美食與交流美食的地方，在這里我們可以發(fā)現(xiàn)有許多的特色美食，以及許多美食達人分享的營養(yǎng)膳食。"美食匯"給你不一樣的感覺！</p> </nav> <div class="wrap"> <h3>特性服務(wù)</h3> <ul class="wrap-uu"> <li> <h2>美味的食物</h2> <p>這里的食物既美味又有營養(yǎng)，美食多多，種類豐富，歡迎您的到來！</p> </li> <li> <h2>各種飲料</h2> <p>閑暇的時光與朋友品嘗一杯咖啡，聊聊家長里短也是一種不錯的方式！</p> </li> <li> <h2>您的認可</h2> <p>我們專致于服務(wù)，以最好的姿態(tài)服務(wù)您們，您肯定是對我們最大的支持！</p> </li> <li> <h2>送貨上門</h2> <p>我們?yōu)榱烁梅?wù)客人，開通了外賣，讓您足不出戶就能享受美食！</p> </li> <li> <h2>禮品贈送</h2> <p>我們在雙“十二”推出了禮品贈送活動，禮品豐厚，期待您的參與！</p> </li> <li> <h2>私人訂制</h2> <p>在您的特殊日子，例如：生日，紀念日等我們接受您的特殊要求！</p> </li> </ul> </div> <div class="news "> <ul class="min-width"> <li> <div class="news-img"> <img src="img/pu1.jpg"/> </div> <h4>我們的特色菜</h4> <p>我們有自己的特色菜，種類繁多，有家鄉(xiāng)菜、農(nóng)家菜、也有各地著名美食。</p> </li> <li> <div class="news-img"> <img src="img/pu2.jpg"/> </div> <h4>我們的特色菜</h4> <p>我們有自己的特色菜，種類繁多，有家鄉(xiāng)菜、農(nóng)家菜、也有各地著名美食。</p> </li> <li> <div class="news-img"> <img src="img/pu3.jpg"/> </div> <h4>我們的特色菜</h4> <p>我們有自己的特色菜，種類繁多，有家鄉(xiāng)菜、農(nóng)家菜、也有各地著名美食。</p> </li> </ul> </div> <footer> <script type="text/javascript" src="js/index.js"></script> <script type="text/javascript" src="js/nav.js"></script></body></html>?關(guān)鍵詞：設(shè)計,展示,作業(yè),響應(yīng)
微信公眾號
版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。
