<!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, maximun-scale=1.0, minimum-scale=1.0, user-scalable=no">
<title>新春贺卡</title>
<link rel="stylesheet" href="./css/card.css">
<script src="./js/card.js"></script>
</head>
<body>
<div class="page">
<!-- 唱片 -->
<div class="record">
<img src="./image/music_disc.png" class="record-disc" id="disc">
<img src="./image/music_pointer.png" class="record-pointer">
<audio>
<source src="./image/fen.mp3">
</audio>
</div>
<!-- 第一页 -->
<div class="page_1">
<div class="bg"></div>
<div class="main">
<img src="./image/p1_lantern.png" alt="">
<p class="click" style="margin-left: -10px">唐豆开启好运</p>
<div class="lantern-bg"></div>
</div>
<img src="./image/p1_imooc.png" alt="">
<p>阿超</p>
</div>
<!-- 第二页 -->
<div class="page_2">
<div class="bg"></div>
<div class="middle">
<img src="./image/p2_circle_middle.png">
<img src="./image/p2_circle_inner.png">
<img src="./image/p2_circle_outer.png">
<img src="./image/p2_2016.png">
</div>
</div>
<!-- 第三页 -->
<div class="page_3">
<div class="bg"></div>
<div class="main">
<img src="./image/p3_couplet_first.png" alt="">
<img src="./image/p3_couplet_second.png" alt="">
<img src="./image/p3_title.png" style="height:200px;width: 35%;" alt="">
<img src="./image/p3_blessing.png" alt="">
</div>
</div>
</div>
789
</body>
</html>
285
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
