html 个人主页 css网页制作成品-CSDN博客

本文链接：https://blog.csdn.net/youngirl2012/article/details/142030586

1、div+css布局，内容区宽度960px，共6个页面

2、该作品含psd，psd在一个文件中，分为不同栏目的文件夹图层，并非6个psd文件。

页面效果图

部分代码如下

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="css/style.css">
<title>首页</title>
</head>

<body>
<header>
  <nav class="ar clearfix">
    <div class="logo fl">岳岳的主页</div>
    <span><a href="index.html">首页<br>
    Home</a></span> <span><a href="about.html">关于<br>
    About</a></span> <span><a href="works.html">作品<br>
    Works</a></span> <span><a href="hobby.html">喜好<br>
    Hobby</a></span> <span><a href="contact.html">联系<br>
    Contact</a></span> <span><a href="achievement.html">成就<br>
    Achievement</a></span> </nav>
</header>
<div class="content">
  <div class="top clearfix">
    <div class="me fl ac"><img src="images/me.png" width="188" height="188"></div>
    <div class="txt">
      <p>人生如白驹过隙，激情在平静里消逝。虽然很多人说平淡才是生活的模样，但麻木活着的人生是不是在浪费生命，当然是因人而异，只要内心欢喜快乐满足，大概就是幸福的生活。</p>
      <P>艺术是个很抽象的词语，但无处不在。人类艺术的起源是无法考证的迷(音乐、文字、绘画、电影、戏剧......)。有模仿自然之说、有劳动之说、有表现之说……就其现实意义，生活中需要情感表现，这或许就是艺术的功能和动因，为了把自己体验的情感传达给别人。</P>
    </div>
  </div>
 <div><img src="images/pic_01.jpg" width="100%"></div>
</div>
<footer><small>Copy right 2020 yueyue.all right reserved</small></footer>
</body>
</html>

仅展示部分效果图，获取完整源码及效果图请联系博主。