bmy/ClassContent
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
编码猿
2024-09-27 02:06:13 +08:00
commit 852d94fbb9
36760 changed files with 3274413 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

217
历届学生/font-end-nine/项目练习/学生项目/冯文焌/2css练习和作业/css练习/笔记本商城/笔记本.html Normal file
View File

@@ -0,0 +1,217 @@
<!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">
<title>Document</title>
<link rel="stylesheet" href="http://at.alicdn.com/t/font_3445167_o5pox8tpzh.css">
<link rel="stylesheet" href="./clear.css">
<link rel="stylesheet" href="./public.css">
<link rel="stylesheet" href="./笔记本.css">
</head>
<body>
<div class="content">
<!-- 标题 -->
<div class="title">
<div class="tltle_l left">
<span>2F</span>笔记本电脑
</div>
<ul class="title_r right">
<li>
<a href="">联想</a>
</li>
<li>
<a href="">惠普</a>
</li>
<li>
<a href="">戴尔</a>
</li>
<li>
<a href="">华为</a>
</li>
<li>
<a href="">华硕</a>
</li>
<li>
<a href="">微软</a>
</li>
<li>
<a href="">苹果</a>
</li>
<li>
<a href="">外星人</a>
</li>
<li>
<a href="">神州</a>
</li>
<li>
<a href="">联想</a>
</li>
<li>
<a href="">联想</a>
</li>
<li>
<a href="">更多
<i class="iconfont icon-z044"></i>
</a>
</li>
</ul>
</div>
<div class="ddd hidden">
<!-- 左半边 -->
<div class="wrap left">
<!-- 左上边 -->
<div class="warp_top">
<!-- 菜单 -->
<div class="kkkkk hidden">
<div class="guding left">热度排行</div>
<ul class="three left">
<li class="active">品牌</li>
<li>型号</li>
<li>新品</li>
</ul>
</div>
<!-- 内容 -->
<ul class="xuanze">
<li>
<span>1</span>
<a href="">惠普暗影精灵6</a>
</li>
<li>
<span>2</span>
<a href="">惠普暗影精灵6</a>
</li>
<li>
<span>3</span>
<a href="">惠普暗影精灵6</a>
</li>
<li>
<span>4</span>
<a href="">惠普暗影精灵6</a>
</li>
<li>
<span>5</span>
<a href="">惠普暗影精灵6</a>
</li>
</ul>
<!-- 查看更多排行榜 -->
<div class="end">
查看更多排行榜
<em>>></em>
</div>
</div>
<!-- 左下边 -->
<div class="warp_down">
<div class="tt">热门搜索</div>
<ul>
<li>
<a href="">笔记本</a>
</li>
<li>
<a href="">笔记本</a>
</li>
<li>
<a href="">笔记本</a>
</li>
<li>
<a href="">笔记本</a>
</li>
<li>
<a href="">笔记本</a>
</li>
<li>
<a href="">笔记本</a>
</li>
<li>
<a href="">笔记本</a>
</li>
<li>
<a href="">笔记本</a>
</li>
<li>
<a href="">笔记本</a>
</li>
<li>
<a href="">笔记本</a>
</li>
</ul>
</div>
</div>
<!-- 右半边 -->
<div class="picture right">
<!-- 右上 -->
<ul class="picture_top">
<li>
<img src="https://2b.zol-img.com.cn/product/219_160x120/915/ceFDJDFjhroo.jpg" alt="">
<div class="title">OPPO Reno8 Pro+(8GB/156GB)</div>
<div class="price">
最低价：<span>¥3699</span>
</div>
</li>
<li>
<img src="https://2b.zol-img.com.cn/product/219_160x120/915/ceFDJDFjhroo.jpg" alt="">
<div class="title">OPPO Reno8 Pro+(8GB/156GB)</div>
<div class="price">
最低价：<span>¥3699</span>
</div>
</li>
<li>
<img src="https://2b.zol-img.com.cn/product/219_160x120/915/ceFDJDFjhroo.jpg" alt="">
<div class="title">OPPO Reno8 Pro+(8GB/156GB)</div>
<div class="price">
最低价：<span>¥3699</span>
</div>
</li>
<li>
<img src="https://2b.zol-img.com.cn/product/219_160x120/915/ceFDJDFjhroo.jpg" alt="">
<div class="title">OPPO Reno8 Pro+(8GB/156GB)</div>
<div class="price">
最低价：<span>¥3699</span>
</div>
</li>
<li>
<img src="https://2b.zol-img.com.cn/product/219_160x120/915/ceFDJDFjhroo.jpg" alt="">
<div class="title">OPPO Reno8 Pro+(8GB/156GB)</div>
<div class="price">
最低价：<span>¥3699</span>
</div>
</li>
<li>
<img src="https://2b.zol-img.com.cn/product/219_160x120/915/ceFDJDFjhroo.jpg" alt="">
<div class="title">OPPO Reno8 Pro+(8GB/156GB)</div>
<div class="price">
最低价：<span>¥3699</span>
</div>
</li>
<li>
<img src="https://2b.zol-img.com.cn/product/219_160x120/915/ceFDJDFjhroo.jpg" alt="">
<div class="title">OPPO Reno8 Pro+(8GB/156GB)</div>
<div class="price">
最低价：<span>¥3699</span>
</div>
</li>
<li>
<img src="https://2b.zol-img.com.cn/product/219_160x120/915/ceFDJDFjhroo.jpg" alt="">
<div class="title">OPPO Reno8 Pro+(8GB/156GB)</div>
<div class="price">
最低价：<span>¥3699</span>
</div>
</li>
</ul>
<!-- 右下 -->
<ul class="picture_down">
<li class="active"></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
</div>
</div>
</body>
</html>