html/css 个人网站实例(一)

最新推荐文章于 2024-05-24 12:47:35 发布

芬贝

最新推荐文章于 2024-05-24 12:47:35 发布

阅读量2.5k

点赞数 4

分类专栏：前端

本文链接：https://blog.csdn.net/qq_45027204/article/details/105318776

版权

显示效果

在这里插入图片描述

HTML代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>alalasheep的个人网站</title>
    <link rel="stylesheet" href="../css/index.css">
</head>
<body>
    <header>
        <div class="logo">
            <span>Logo</span>
        </div>
        <ul id="nav">
            <li><a href="#">首页</a></li>
            <li><a href="#">简介</a></li>
            <li><a href="#">相册</a></li>
            <li><a href="#">活动</a></li>
            <li><a href="#">爱好</a></li>
            <li><a style="border:#fff" href="#">留言</a></li>
        </ul>
    </header>
    <div id="container">
        <div id="banner">
            <img src="../images/banner.jpg" alt="首页轮播图">
        </div>  
        <div id="column">
            <span class="span1"</

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

芬贝

关注关注

4
点赞
踩
55

收藏

觉得还不错? 一键收藏
1
评论
html/css 个人网站实例(一)

显示效果HTML代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&g...
复制链接

扫一扫