前端学习（380）：新春贺卡制作3

最新推荐文章于 2022-01-20 17:35:27 发布

前端小歌谣

最新推荐文章于 2022-01-20 17:35:27 发布

阅读量215

点赞数

分类专栏： # 歌谣--前端学习--总进程

本文链接：https://blog.csdn.net/weixin_43392489/article/details/103930481

版权

本文介绍了如何使用前端技术制作精美的新春贺卡。通过学习，你可以掌握CSS样式设计和HTML布局的关键技巧，实现动态效果和交互功能。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>新春贺卡</title>
    <link rel="stylesheet" href="./mooccss/style.css">
</head>
<body>
    <div id="music">
        <img src="./moocimg/music_pointer.png" alt="">
        <img src="./moocimg/music_disc.png" alt="">
    </div>
    <div class="page" id="page1">
        <div class="bg"></div>
        <div class="p1_lantern">点击屏幕<br>开启好运2020</div>
        <div class="p1_imooc"></div>