233 lines
8.4 KiB
HTML
233 lines
8.4 KiB
HTML
<!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>css案例</title>
|
||
<link rel="stylesheet" href="./css/clear.css">
|
||
<link rel="stylesheet" href="./css/public.css">
|
||
<link rel="stylesheet" href="./css/index.css">
|
||
</head>
|
||
<body>
|
||
|
||
|
||
<div class="header">
|
||
<img class="back" src="./img/back.png" alt="">
|
||
<p>全部课程</p>
|
||
<img class="home" src="./img/home.png" alt="">
|
||
</div>
|
||
|
||
<div class="content">
|
||
<div class="menu">
|
||
<ul>
|
||
<li class="active">
|
||
已选课程
|
||
<div class="nums">
|
||
<span>3</span>
|
||
</div>
|
||
</li>
|
||
<li>特价课程</li>
|
||
<li>特价课程</li>
|
||
<li>特价课程</li>
|
||
<li>特价课程</li>
|
||
<li>特价课程</li>
|
||
<li>特价课程</li>
|
||
<li>特价课程</li>
|
||
<li>特价课程</li>
|
||
<li>特价课程</li>
|
||
<li>特价课程</li>
|
||
<li>特价课程</li>
|
||
<li>特价课程</li>
|
||
<li>特价课程</li>
|
||
<li>特价课程</li>
|
||
<li>特价课程</li>
|
||
<li>特价课程</li>
|
||
<li>特价课程</li>
|
||
<li>特价课程</li>
|
||
<li>特价课程</li>
|
||
<li>特价课程</li>
|
||
<li>特价课程</li>
|
||
<li>特价课程</li>
|
||
<li>特价课程</li>
|
||
<li>特价课程</li>
|
||
<li>特价课程</li>
|
||
<li>特价课程</li>
|
||
<li>特价课程</li>
|
||
</ul>
|
||
</div>
|
||
<ul class="list">
|
||
<li>
|
||
<img src="./img/img.png" alt="">
|
||
<div class="list_right">
|
||
<div class="title">名师书法</div>
|
||
<div class="numss">
|
||
<div class="money">
|
||
￥<span>2500</span>元
|
||
</div>
|
||
<div class="sales">销量：150份</div>
|
||
</div>
|
||
<div class="add">
|
||
<div class="reduce">-</div>
|
||
<input type="number" value="1">
|
||
<div class="plus">+</div>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<img src="./img/img.png" alt="">
|
||
<div class="list_right">
|
||
<div class="title">名师书法</div>
|
||
<div class="numss">
|
||
<div class="money">
|
||
￥<span>2500</span>元
|
||
</div>
|
||
<div class="sales">销量：150份</div>
|
||
</div>
|
||
<div class="add">
|
||
<div class="reduce">-</div>
|
||
<input type="number" value="1">
|
||
<div class="plus">+</div>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<img src="./img/img.png" alt="">
|
||
<div class="list_right">
|
||
<div class="title">名师书法</div>
|
||
<div class="numss">
|
||
<div class="money">
|
||
￥<span>2500</span>元
|
||
</div>
|
||
<div class="sales">销量：150份</div>
|
||
</div>
|
||
<div class="add">
|
||
<div class="reduce">-</div>
|
||
<input type="number" value="1">
|
||
<div class="plus">+</div>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<img src="./img/img.png" alt="">
|
||
<div class="list_right">
|
||
<div class="title">名师书法</div>
|
||
<div class="numss">
|
||
<div class="money">
|
||
￥<span>2500</span>元
|
||
</div>
|
||
<div class="sales">销量：150份</div>
|
||
</div>
|
||
<div class="add">
|
||
<div class="reduce">-</div>
|
||
<input type="number" value="1">
|
||
<div class="plus">+</div>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<img src="./img/img.png" alt="">
|
||
<div class="list_right">
|
||
<div class="title">名师书法</div>
|
||
<div class="numss">
|
||
<div class="money">
|
||
￥<span>2500</span>元
|
||
</div>
|
||
<div class="sales">销量：150份</div>
|
||
</div>
|
||
<div class="add">
|
||
<div class="reduce">-</div>
|
||
<input type="number" value="1">
|
||
<div class="plus">+</div>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<img src="./img/img.png" alt="">
|
||
<div class="list_right">
|
||
<div class="title">名师书法</div>
|
||
<div class="numss">
|
||
<div class="money">
|
||
￥<span>2500</span>元
|
||
</div>
|
||
<div class="sales">销量：150份</div>
|
||
</div>
|
||
<div class="add">
|
||
<div class="reduce">-</div>
|
||
<input type="number" value="1">
|
||
<div class="plus">+</div>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<img src="./img/img.png" alt="">
|
||
<div class="list_right">
|
||
<div class="title">名师书法</div>
|
||
<div class="numss">
|
||
<div class="money">
|
||
￥<span>2500</span>元
|
||
</div>
|
||
<div class="sales">销量：150份</div>
|
||
</div>
|
||
<div class="add">
|
||
<div class="reduce">-</div>
|
||
<input type="number" value="1">
|
||
<div class="plus">+</div>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<img src="./img/img.png" alt="">
|
||
<div class="list_right">
|
||
<div class="title">名师书法</div>
|
||
<div class="numss">
|
||
<div class="money">
|
||
￥<span>2500</span>元
|
||
</div>
|
||
<div class="sales">销量：150份</div>
|
||
</div>
|
||
<div class="add">
|
||
<div class="reduce">-</div>
|
||
<input type="number" value="1">
|
||
<div class="plus">+</div>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<img src="./img/img.png" alt="">
|
||
<div class="list_right">
|
||
<div class="title">名师书法</div>
|
||
<div class="numss">
|
||
<div class="money">
|
||
￥<span>2500</span>元
|
||
</div>
|
||
<div class="sales">销量：150份</div>
|
||
</div>
|
||
<div class="add">
|
||
<div class="reduce">-</div>
|
||
<input type="number" value="1">
|
||
<div class="plus">+</div>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="footer">
|
||
<div class="footer_nums">
|
||
<div class="car_icon">
|
||
<img src="./img/car.png" alt="">
|
||
<span class="nums">2</span>
|
||
</div>
|
||
|
||
<div class="price">
|
||
共计：<span>5500</span>元
|
||
</div>
|
||
</div>
|
||
<div class="footer_submit">选好了</div>
|
||
</div>
|
||
|
||
|
||
</body>
|
||
|
||
<script src="./js/rem.js"></script>
|
||
</html> |