一个很简单很简单的静态网页(附源代码）HTML+CSS

最新推荐文章于 2024-05-30 11:16:13 发布

brhhh_sehe

最新推荐文章于 2024-05-30 11:16:13 发布

阅读量3.9k

点赞数 6

分类专栏：前端 html 面试文章标签： html css 前端

本文链接：https://blog.csdn.net/brhhh_sehe/article/details/123081030

版权

【完整资源包下载】包含图片、音效等
如果想白嫖可以私信或者发邮件fzx2003zhixue@163.com

首先声明：代码中使用的爱心特效和转动的音符这个两个效果是我从网上找到的…具体在哪里找的我也忘了…用的图片是邦乔彦的插画~
其他部分是自己写的

最后的效果如下
在这里插入图片描述

index.html
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>沙雕小星星</title>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
    <div class="btn">
        <p>&nbsp;??WATCH MY CV??</p>
    </div>
    <div class="top">
        <a href="https://blog.csdn.net/weixin_51263734" target="_blank">我的兴趣</a>
        <a href="https://blog.csdn.net/weixin_51263734" target="_blank">我的过去</a>
        <a href="https://blog.csdn.net/weixin_51263734" target="_blank">我的梦想</a>
        <a href="https://blog.csdn.net/weixin_51263734" target="_blank" style="float:right">小风的博客</a>
    </div>
    <div class="content">
    
        <h1 class="avr">Give AR/VR Eyes and Brain</h1>
    </div>


    <div class="yinyue">
        <img class="music" src="./33.png" alt="">
        <audio autoplay="autoplay" id="audio" loop="loop">
            <source src="./music1.mp3" type="audio/MP3">

        </audio>

    </div>
    <div class="row">
        <div class="centercolumn">
            <div class="card">

                <h2 id="biaoti">浮生六记卷一</h2><br />
                <hr />
                <h4 id="qita">2021 年 1 月 29日</h4>

                <p style="text-indent:2em">我生于乾降二十八年(1763年)的冬天ー月十ニ日。那时天下承平，国家安泰。我生于读书人家家在苏州城沧浪亭畔，上天待我何等厚爱。</p>
                <p style="text-indent:2em">回想这一生，真如东坡先生所说“事如春梦了无痕”，如果不将之记下来，未免辜负了天赋幸运。</p>
                <p

最低0.47元/天解锁文章

brhhh_sehe

关注

6
点赞
踩
24

收藏

觉得还不错? 一键收藏
0
评论
一个很简单很简单的静态网页(附源代码）HTML+CSS

【完整资源包下载】包含图片、音效等如果想白嫖可以私信或者发邮件fzx2003zhixue@163.com首先声明：代码中使用的爱心特效和转动的音符这个两个效果是我从网上找到的…具体在哪里找的我也忘了…用的图片是邦乔彦的插画~其他部分是自己写的最后的效果如下index.html<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>沙雕小星星</ti
复制链接

扫一扫