div+css实现个人简历

最新推荐文章于 2023-04-02 14:43:24 发布

cdgogo

最新推荐文章于 2023-04-02 14:43:24 发布

阅读量2.9k

点赞数

分类专栏： html 文章标签： css html

本文链接：https://blog.youkuaiyun.com/cdgogo/article/details/120549470

版权

本文介绍如何利用Div和CSS技术来创建一份专业的个人简历，详细阐述了布局设计、样式应用以及响应式布局的实现步骤，帮助读者掌握网页版简历的制作技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

效果图
在这里插入图片描述

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

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人简历</title>
    <link rel="stylesheet" href="css/style.css">
</head>

<body>
    <div class="container">
        <div class="top">个人简历 <i>Person Details</i></div>
        <!-- 基本信息 -->
        <div class="basisInfo clear">
            <div class="left fl"><img src="images/tx.jpg" alt=""></div>
            <div class="mid fl">
                <span>姓名：刘丽丽</span>
                <span>英文名：LiliLiu</span>
                <span>民族：汉