你的位置:首页 > 软件开发 > 网页设计 > 基于CSS的个人网页

基于CSS的个人网页

发布时间:2017-04-21 12:00:11
前端时间做的CSS作业:基于CSS的个人网页基于CSS的个人网页效果图:代码:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>吴 ...

前端时间做的CSS作业:基于CSS的个人网页

基于CSS的个人网页

效果图:

基于CSS的个人网页

代码:

<!DOCTYPE html><html><head>  <meta charset="utf-8">  <title>吴广林的个人博客</title>  <link rel="stylesheet" href="css/style.css"></head><body>  <div id="home">  <div id="header">    <div id="blogTitle">      <div class="title">Blog of Wuguanglin</span>      <div class="subtitle">Do more of what makes you happy !</span>    </div>    <div id="navigator">      <ul id="navList">        <li><a href="" target="_blank">首页</a></li>        <li><a href="" target="_blank">随笔</a></li>        <li><a href="" target="_blank">测试</a></li>          <li><a href="" target="_blank">联系</a></li>          <li><a href="" target="_blank">订阅</a></li>          <li><a href="" target="_blank">管理</a></li>      </ul>      <div class="blogStats">        <div id="blog_stats">        随笔-2&nbsp;        文章-0&nbsp;        评论-0&nbsp;        </div>      </div><!--end: blogStats -->    </div><!-- end: navigator 导航栏 -->  </div><!-- end: header 头部 -->    <div id="main">  <div id="sideBar">  <div id="sideNavBar">    <ul id="sideNavList">      <li><a href="blog.html">我的博客</a></li>        <li><a href="photos.html" target="_blank">我的照片</a></li>        <li><a href="video.html" target="_blank">我的视频</a></li>        <li><a href="music.html" target="_blank">我的音乐</a></li>        <li><a href="schedule.html" target="_blank">我的课表</a></li>        <li><a href="register.html" target="_blank">用户注册</a></li>        <li><a href="questionnaire.html" target="_blank">问卷调查</a></li>        <li><a href="http://tguide.qq.com/main/base.htm#html-title" target="_blank">代码规范</a></li>        <li><a href="moban-working/index.html" target="_blank">正在开发</a></li>        <li><a href="test.html" target="_blank">我的测试</a></li>    </ul>  </div><!-- end: sideNavBar 侧边导航栏 -->  <div id="contactBar">  QQ:<br> 769835910 <br><br>  WeChat:<br> glwu769835910 <br><br>  FaceBook:<br> 13411989126 <br><br>  </div>  </div><!-- end: sideBar 侧边栏 -->  <div id="content">    <div id="imgShow" >        <img src='/images/loading.gif' data-original="blogImages/1.jpg">        <img src='/images/loading.gif' data-original="blogImages/2.jpg">        <img src='/images/loading.gif' data-original="blogImages/3.jpg">        <img src='/images/loading.gif' data-original="blogImages/4.jpg">    </div>  </div><!-- end: content 内容 -->  </div><!-- end: main 主要部分 -->  <div id="footer">     Copyright &copy;2017 汕大-吴广林  </div><!-- end: footer底部-->  </div><!-- end: home 自定义的最大容器 --></body></html>

原标题:基于CSS的个人网页

关键词:CSS

CSS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。