<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=\, initial-scale=1.0">
<title>欢迎来到天天生鲜</title>
<link rel="stylesheet" href="css/index.css">
</head>
<body>
<div class="header">
<div class="header1">
<span>欢迎来到天天生鲜!</span>
</div>
<div class="header2">
<a href="">登陆</a>
<span>|</span>
<a href="">注册</a>
<span>|</span>
<a href="">用户中心</a>
<span>|</span>
<a href="">我的购物车</a>
<span>|</span>
<a href="">我的订单</a>
</div>
</div>
<div class="search">
<div class="search1"><img src="images/logo.png" alt=""></div>
<div class="search2">
<form action="">
<input class="search3" type="text" placeholder="搜索商品">
<input class="search4" type="submit" value="搜索">
</form>
</div>
<div class="search5">
<a href="" class="search6">我的购物车</a>
<div class="search7">1</div>
</div>
</div>
<div class="guide">
<h1 class="guide1">全部商品分类</h1>
<ul class="guide2">
<li type="none" class="g1"><a href="#">首页</a></li>
<li type="none" class="g4">|</li>
<li type="none" class="g2"><a href="#">手机生鲜</a></li>
<li type="none" class="g4">|</li>
<li type="none" class="g3"><a href="#">抽奖</a></li>
</ul>
</div>
<ul class="center">
<li type="none" class="fruit"><a href="#l01">新鲜水果</a></li>
<li type="none" class="seafood"><a href="#l02">海鲜水产</a></li>
<li type="none" class="meet"><a href="#l03">猪牛羊肉</a></li>
<li type="none" class="egg"><a href="#l04">禽类蛋品</a></li>
<li type="none" class="vegetables"><a href="#l05">新鲜蔬菜</a></li>
<li type="none" class="ice"><a href="#l06">速冻食品</a></li>
</ul>
<div class="center1">
</div>
<div class="center2">
<li class="center3" type="none"></li>
<li class="center4" type="none"></li>
</div>
<div class="title">
<div class="title1" id="l01">新鲜水果</div>
<li type="none" class="title2"><a href="">|</a></li>
<li type="none" class="title2"><a href="">鲜芒</a></li>
<li type="none" class="title2"><a href="">加州提子</a></li>
<li type="none" class="title2"><a href="">亚马逊牛油果</a></li>
<li type="none" class="title3"><a href="">查看更多></a></li>
</div>
<div class="banner"></div>
<li type="none" class="banner2">
<h4>草莓</h4>
<a href="#" class="banner3"><img src="images/goods/goods003.jpg"></a>
<div class="price">¥ 30.00</div>
</li>
<li type="none" class="banner2">
<h4>葡萄</h4>
<a href="#" class="banner3"><img src="images/goods/goods002.jpg"></a>
<div class="price">¥ 5.50</div>
</li>
<li type="none" class="banner2">
<h4>柠檬</h4>
<a href="#" class="banner3"><img src="images/goods/goods001.jpg"></a>
<div class="price">¥ 3.90</div>
</li>
<li type="none" class="banner2">
<h4>奇异果</h4>
<a href="#" class="banner3"><img src="images/goods/goods012.jpg"></a>
<div class="price">¥ 25.80</div>
</li>
<div class="title_2">
<div class="title1" id="l02">海鲜水产</div>
<li type="none" class="title2"><a href="">|</a></li>
<li type="none" class="title2"><a href="">河虾</a></li>
<li type="none" class="title2"><a href="">扇贝</a></li>
<li type="none" class="title3"><a href="">查看更多></a></li>
</div>
<div class="banner_2">
</div>
<li type="none" class="banner2">
<h4>青岛大龙虾</h4>
<a href="#" class="banner3"><img src="images/goods/goods018.jpg"></a>
<div class="price">¥ 48.00</div>
</li>
<li type="none" class="banner2">
<h4>扇贝</h4>
<a href="#" class="banner3"><img src="images/goods/goods019.jpg"></a>
<div class="price">¥ 46.50</div>
</li>
<li type="none" class="banner2">
<h4>冷冻秋刀鱼</h4>
<a href="#" class="banner3"><img src="images/goods/goods020.jpg"></a>
<div class="price">¥ 19.90</div>
</li>
<li type="none" class="banner2">
<h4>基围虾</h4>
<a href="#" class="banner3"><img src="images/goods/goods021.jpg"></a>
<div class="price">¥ 25.80</div>
</li>
<div class="title_3">
<div class="title1" id="l03">猪牛羊肉</div>
<li type="none" class="title2"><a href="">|</a></li>
<li type="none" class="title2"><a href="">河虾</a></li>
<li type="none" class="title2"><a href="">扇贝</a></li>
<li type="none" class="title3"><a href="">查看更多></a></li>
</div>
<div class="banner_3"></div>
<li type="none" class="banner2">
<h4>草莓</h4>
<a href="#" class="banner3"><img src="images/goods/goods003.jpg"></a>
<div class="price">¥ 30.00</div>
</li>
<li type="none" class="banner2">
<h4>葡萄</h4>
<a href="#" class="banner3"><img src="images/goods/goods002.jpg"></a>
<div class="price">¥ 5.50</div>
</li>
<li type="none" class="banner2">
<h4>柠檬</h4>
<a href="#" class="banner3"><img src="images/goods/goods001.jpg"></a>
<div class="price">¥ 3.90</div>
</li>
<li type="none" class="banner2">
<h4>奇异果</h4>
<a href="#" class="banner3"><img src="images/goods/goods012.jpg"></a>
<div class="price">¥ 25.80</div>
</li>
</body>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
185 html期末大作业商城首页:水果、海鲜类
共50个文件
jpg:38个
png:10个
html:1个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 3 浏览量
2023-05-31
10:49:24
上传
评论
收藏 1.36MB ZIP 举报
温馨提示
这是一款html写的商城首页模板 图文混排 有商城作业的可以拿去扩展 欢迎下载参考【祝顺利过关】 有问题可以私信我
资源推荐
资源详情
资源评论
收起资源包目录
185天天生鲜.zip (50个子文件)
css
index.css 6KB
index.html 6KB
images
logo02.png 18KB
pay_icons.png 12KB
goods.jpg 6KB
down.png 1KB
slide04.jpg 61KB
banner06.jpg 14KB
slide03.jpg 69KB
banner05.jpg 16KB
logo.png 10KB
register_banner.png 54KB
adv02.jpg 15KB
left_bg.jpg 1KB
goods
goods013.jpg 10KB
goods021.jpg 14KB
goods012.jpg 8KB
goods007.jpg 6KB
goods020.jpg 9KB
goods006.jpg 8KB
goods008.jpg 9KB
goods010.jpg 6KB
goods019.jpg 9KB
goods011.jpg 8KB
goods005.jpg 8KB
goods018.jpg 9KB
goods004.jpg 7KB
goods009.jpg 7KB
goods016.jpg 8KB
goods017.jpg 9KB
goods015.jpg 7KB
goods001.jpg 8KB
goods002.jpg 9KB
goods014.jpg 9KB
goods003.jpg 9KB
icons02.png 2KB
banner03.jpg 13KB
goods_detail.jpg 56KB
banner02.jpg 18KB
shop_cart.png 1KB
slide.jpg 42KB
banner04.jpg 11KB
login_banner.png 153KB
adv01.jpg 14KB
slide02.jpg 46KB
icons.png 6KB
interval_line.png 1KB
fruit.jpg 553KB
banner01.jpg 10KB
goods02.jpg 51KB
共 50 条
- 1
资源评论
小风飞子
- 粉丝: 330
- 资源: 1511
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功