基于CSS的个人网页
发布时间:2017-04-21 12:00:11
前端时间做的CSS作业:基于CSS的个人网页基于CSS的个人网页效果图:代码:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>吴 ...
前端时间做的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 文章-0 评论-0 </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 ©2017 汕大-吴广林 </div><!-- end: footer底部--> </div><!-- end: home 自定义的最大容器 --></body></html>
原标题:基于CSS的个人网页
关键词:CSS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。