时间：2023-09-21 21:24:02 | 来源：网站运营
时间：2023-09-21 21:24:02 来源：网站运营
学生HTML个人网页作业作品 (家具商城3页 HTML+CSS)：> ⛵ 源码获取 文末联系 ✈Web前端开发技术 描述 网页设计题材，DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | 在线商城购物 | 水果商城 | 商城系统建设 | 多平台移动商城 | H5微商城购物商城项目 | HTML期末大学生网页设计作业，Web大学生网页
在线咨询
<!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>关键词：家具,商城,作品,作业,学生
