用html做一个漂亮的网站，个人网页，css

最新推荐文章于 2024-04-20 09:51:46 发布

m0_67393593

最新推荐文章于 2024-04-20 09:51:46 发布

阅读量443

点赞数

分类专栏：前端 html 文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/m0_67393593/article/details/123322105

版权

本文介绍如何使用HTML和CSS制作一个简单的个人网页。内容包括静态网页的结构，样式表(style.css)和表单页面的设计。网页虽为自学成果，但适合作为大学自学作业。同时，提供了源代码的阿里云盘下载链接。

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

多的不说，直接上网页

注意这只是静态的网页

我个人自学的，样子不是恒好看，但是可以作为作业（老师也没怎么讲，毕竟是在大学里面嘛，大部分时间都是自学罢了）
发布时间:2020-12-29
修改时间:2022-2-28
修改内容:更新阿里云盘地址/计划写个简单的后端来更新页面数据
源代码文件可在这里下载??下载地址
aliyunpan自己下链接放这里了
我用阿里云盘分享了「个人网页」，你可以不限速下载
复制这段内容打开「阿里云盘」App 即可获取
链接:ALiYunPan下载地址
在这里插入图片描述

这是主页面index.html

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
    <title>***主网页</title>
    <link href="css/styles.css" rel="stylesheet">
</head>

<body>
    <div class="home">
        <div class="content">
            <div class="stars"></div>
            <img class="bgc" src="./img/preview2.jpg" width="100%" alt="">
            <h2 class="title">欢迎来到我的个人网站</h2>
            <h3 class="titles">今天也要加油鸭</h3>

           <!-- <img class="icon" src="./img/abc.jpg" alt="">-->
            <div class='ribbon'>
                <a href='./index.html'><span>HOME</span></a>
                <a href='./about.html'><span>ABOUT</span></a>
                <a href='./表单.html'><span>FORM</span></a>
                <a href='./视频.html'><span>VIDEO</span></a>

            </div>
<!--

css样式区

style.css

* {
    margin: 0;
    padding: 0
}

.home {
    height: 100%;
    overflow: hidden;
}

.content {
    perspective: 340px;
    width: 100%;
    position: relative;
}

h1 {
    color: white;
    text-align: center;
}

span {
    display: block;
    text-align: center;
}

.stars {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2px;
    height: 2px;
    z-index: 999;
    border-radius: 50%;
    box-shadow: -447px 387px #c4c4c4, -401px 118px #fafafa, -109px 217px #d9d9d9, -680px -436px #e3e3e3, 514px 360px #cccccc, -708px 298px #e8e8e8, -696px -270px #ededed, 116px -128px #f7f7f7, 179px 35px white, -404px -90px whitesmoke, -331px -309px #c4c4c4, -363px -24px #d1d1d1, 277px 416px #fafafa, -145px -244px whitesmoke, 123px 62px #d4d4d4, -407px 418px #d9d9d9, 535px 237px #d9d9d9, -466px -78px #f7f7f7, 257px 287px #dedede, 327px -398px #e0e0e0, -602px -38px #c2c2c2, 128px 398px #e6e6e6, 274px -446px #d1d1d1, -602px -298px #c7c7c7, 526px -5px #c4c4c4, -90px -158px #fcfcfc, 5px 294px whitesmoke, -633px 229px #c4c4c4, -475px 427px #dedede, 586px -453px #f2f2f2, 180px -432px #c7c7c7, -637px -88px #cfcfcf, -453px 308px #d6d6d6, -111px 1px #d9d9d9, 573px -450px #ededed, 198px 300px #d6d6d6, -355px 166px #dedede, -715px 13px #e3e3e3, 262px -104px #d1d1d1, 147px 325px #dbdbdb, 1px 399px #dbdbdb, 286px -100px white, 43px -329px #e8e8e8, 617px 55px #d9d9d9, -168px -392px #cccccc, 84px 219px #c9c9c9, 507px -226px #d9d9d9, -327px -70px #e6e6e6, 386px -212px #c4c4c4, -717px 4px #cfcfcf, 502px -231px #e3e3e3, 302px 56px #ededed, 649px 341px #c7c7c7, 569px 350px #c9c9c9, 516px -31px #e6e6e6, 689px 447px #c2c2c2, 591px -206px #fafafa, 422px -137px #e6e6e6,

最低0.47元/天解锁文章

m0_67393593

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
用html做一个漂亮的网站，个人网页，css

多的不说，直接上网页注意这只是静态的网页我个人自学的，样子不是恒好看，但是可以作为作业（老师也没怎么讲，毕竟是在大学里面嘛，大部分时间都是自学罢了）发布时间:2020-12-29修改时间:2022-2-28修改内容:更新阿里云盘地址/计划写个简单的后端来更新页面数据源代码文件可在这里下载??下载地址aliyunpan自己下链接放这里了我用阿里云盘分享了「个人网页」，你可以不限速下载复制这段内容打开「阿里云盘」App 即可获取链接:ALiYunPan下载地址这是主页面index.ht
复制链接

扫一扫