前端学习第三弹：利用div+css制作个人简历

最新推荐文章于 2024-04-29 22:00:56 发布

beyond_LH

最新推荐文章于 2024-04-29 22:00:56 发布

阅读量1.1w

点赞数 8

分类专栏：前端的快乐生活文章标签：前端 div css 个人简历

本文链接：https://blog.csdn.net/beyond9305/article/details/78170050

版权

尝试用纯html制作简历，但是显得过于死板，参数设置不灵活，由于刚刚接触这一块，从网上找了很多资源，先输出后输入，通过一个具体的例子查缺补漏，这样学起来更有劲头也更具效率。

具体代码如下，已经尽力做了注释：

<!DOCTYPE html>
<html>
  <head>
     <title>个人简历</title>
     <meta charset=UTF-8 />
     <style type=text/css>   /*声明其内容为标准的css*/
       *{
          margin: 0;
          padding: 0;
          border: none;
          font-size: 12px;
        }  /*”*“为通配符选择器，将所有的元素设置为外边距margin和内边距padding为0，无边框，字体大小为12像素*/     
       #resume{
          width: 800px;
          margin: 0 auto;   /*外边距上下为0，左右自适应，为了使DIV在浏览器中水平居中*/
          border: solid 1px #DCDDDF;
        }
       #resume .one{
          background: url(beijing.jpg);
          width: 800px;
          height: 90px;
          font-size: 30px;
          color: red;
          font-weight: bold; /*定义粗体字

最低0.47元/天解锁文章

beyond_LH

关注

8
点赞
踩
40

收藏

觉得还不错? 一键收藏
打赏
2
评论
前端学习第三弹：利用div+css制作个人简历

尝试用纯html制作简历，但是显得过于死板，参数设置不灵活，由于刚刚接触这一块，从网上找了很多资源，先输出后输入，通过一个具体的例子查缺补漏，这样学起来更有劲头也更具效率。具体代码如下，已经尽力做了注释：个人简历 /*声明其内容为标准的css*/ *{ margin: 0;
复制链接

扫一扫