使用DIV+CSS布局设计个人主页设计个人主页，使用DIV+CSS的方式进行页面布局。

最新推荐文章于 2024-01-09 11:05:52 发布

GAVT

最新推荐文章于 2024-01-09 11:05:52 发布

阅读量5.1k

点赞数 2

分类专栏： Javaweb实验文章标签： css html html5

本文链接：https://blog.csdn.net/GAVTx/article/details/120527400

版权

本文将介绍如何构思个人主页的版面布局，并利用DIV+CSS技术将其设计实现。通过这一方法，可以创建出具有专业外观的个人网站。

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

（1）构思个人主页的版面布局；

（2）使用DIV+CSS技术设计出构思好的个人主页。

先来看看效果：

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

<head>
    <meta charset="UTF-8">
    <title>GAVT</title>
    <link rel="stylesheet" href="index.css">
   </head>

<body>
    <div id="body-wrap">
        <nav class="not_index_bg" id="nav" style="background-image:url(https://api.ixiaowai.cn/api/api.php)">
                <div id="site-title">
                    <span class="blogtitle"></span>
                    <script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.11"></script>
                    <script>
                        var typed = new Typed(".blogtitle", {
                            strings: ['求知若饥，虚心若愚', 'Stay Hungry Stay Foolish','GAVT'],
                            startDelay:200,
                            typeSpeed: 100,
                            loop: true,
                            backSpeed: 50,
                            showCursor: true
                        });
                    </script>
                </div>          
        </nav>
        
        <main id="content-outer">
            <div class="layout_page" id="content-inner">
                <div class="aside_content" id="aside_content">
                    <div class="card-widget card-info">
                        <div class="card-content">
                            <div class=

最低0.47元/天解锁文章

GAVT

关注

2
点赞
踩
30

收藏

觉得还不错? 一键收藏
2
评论
使用DIV+CSS布局设计个人主页设计个人主页，使用DIV+CSS的方式进行页面布局。

（1）构思个人主页的版面布局；（2）使用DIV+CSS技术设计出构思好的个人主页。<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>GAVT</title> <link rel="stylesheet" href="index.css"> </head><body>
复制链接

扫一扫