简单的个人介绍网页-主页面【附代码】

Baridhu

已于 2022-05-05 14:20:49 修改

阅读量4.3w

点赞数 192

分类专栏：前端设计基础文章标签： css html5 html

于 2020-11-23 18:21:22 首次发布

本文链接：https://blog.csdn.net/Baridhu/article/details/110004129

版权

本文分享了一篇简单的个人介绍网页制作教程，包括主页面的HTML5结构和CSS样式设计。作者提供了代码示例，并鼓励读者学习理解，避免直接复制粘贴，希望有助于提升大家的前端技能。

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

主页面

主页面
在这里插入图片描述

代码1（style.css）

      .nav {
   
            height: 41px;
            border-top: 3px solid #b4fffa;
            border-bottom: 1px solid #edeef0;
            background-color: #fcfcfc;
            line-height: 41px;
        }

        .nav a {
   
           
            display: inline-block;
            height: 41px;
            font-size: 15px;
            color: #4c4c4c;
            text-decoration: none;
            padding: 0px 20px;
        }

        .nav a:hover {
   
            background-color: #fcfcfc;
            color: #93d9eb;
        }

代码2(主页面）

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HOMEPAGE</title>
    <link rel="stylesheet" href="style.css">
    <style>
        * {
   
            margin: 0;
            padding: 0;
        <