時間：2023-09-21 21:24:02 | 來源：網(wǎng)站運營
時間：2023-09-21 21:24:02 來源：網(wǎng)站運營
學生HTML個人網(wǎng)頁作業(yè)作品 (家具商城3頁 HTML+CSS)：?> ? 源碼獲取 文末聯(lián)系 ?Web前端開發(fā)技術(shù) 描述 網(wǎng)頁設計題材，DIV+CSS 布局制作,HTML+CSS網(wǎng)頁設計期末課程大作業(yè) | 在線商城購物 | 水果商城 | 商城系統(tǒng)建設 | 多平臺移動商城 | H5微商城購物商城項目 | HTML期末大學生網(wǎng)頁設計作業(yè)，Web大學生網(wǎng)頁
在線咨詢
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="css/iconfont.css"> <style> * { margin: 0; padding: 0; box-sizing: border-box; list-style: none; } .container { min-height: 100vh; background-image: url('picture/baner.jpg'); background-size: 100% 100%; } header { padding-top: 60px; height: 120px; padding-left: 30px; padding-right: 30px; display: flex; position: relative; } li { float: left; position: relative; } .active { background: #58585b; } a, a:link, a:visited, a:hover, a:active { text-decoration: none; color: inherit; } .left a { display: inline-block; margin: 0 20px; line-height: 30px; } .input { background: transparent; border: 1px solid gray; border-radius: 5px; height: 30px; width: 250px; } .search, .shop { width: 30px; height: 30px; position: absolute; } .search { right: -40px; } .shop { right: -80px; } .right { position: absolute; right: 30px; display: flex; } .right>div { margin: 0 15px; cursor: pointer; } .zhiyin { width: 350px; height: 220px; position: absolute; top: 30%; left: 10%; } </style> <title>Document</title></head><body> <div class="container"> <header> <div class="left"> <ul> <li class="active"> <a href="sofa.html">首頁</a> </li> <li> <a href="sofa.html">新品</a> </li> <li> <a href="sofa.html">促銷</a> </li> <li> <input type="text" class="input"> <img src="picture/iov-search.png" class="search"> <img src="picture/shop.png" class="shop"> </li> </ul> </div> <div class="right"> <div> <a href="login.html">登錄</a> </div> <span class="iconfont icon-arrow-down" style="margin-left: -14px;margin-top: 2px;"></span> <div> <a>注冊</a> </div> <div>我是設計師</div> </div> </header> <img src="picture/zhiying.png" class="zhiyin"> </div></body></html>關(guān)鍵詞：家具,商城,作品,作業(yè),學生
微信公眾號
版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。
