Chinaunix首页 | 论坛 | 博客
  • 博客访问: 196228
  • 博文数量: 69
  • 博客积分: 0
  • 博客等级: 民兵
  • 技术积分: 759
  • 用 户 组: 普通用户
  • 注册时间: 2014-09-09 14:15
个人简介

〆 人生就是拼命地奔跑,和华丽的跌倒。 つ

文章分类

全部博文(69)

文章存档

2017年(2)

2016年(16)

2015年(21)

2014年(30)

分类: Html/Css

2016-05-06 22:55:19

Sublime编写源代码:
Blog.html

点击(此处)折叠或打开

  1. <!DOCTYPE html>
  2. <html lang="zh-cn">
  3. <head>
  4.     <meta charset="utf-8">
  5.     <title>BLOG页面</title>
  6.     <link rel="stylesheet" type="text/css" href="../css/blog.css">
  7. </head>
  8. <body>
  9.     <div id="content">
  10.         <div id="header">
  11.             <img class="head1" src="../img/banner-l.png" alt="图片">
  12.             <img class="head2" src="../img/shouye.jpg" alt="图片">
  13.             <img class="head3" src="../img/houzi.jpg" alt="图片">
  14.             <img class="head4" src="../img/name.jpg" alt="图片">
  15.         </div>

  16.         <div id="middle">
  17.         
  18.             <div class="lside">
  19.                 <div class="lone">
  20.                     <img src="../img/yinyuedaren.jpg" height="44" width="222" alt="音乐达人">
  21.                     <img class="limg1" src="../img/lone1.jpg" height="250" width="200" alt="音乐达人1">
  22.                     <div>
  23.                         <a href="" title="">个人资料</a>
  24.                         <a href="" title="">交友资料</a>
  25.                         <a href="" title="">加为好友</a>
  26.                     </div>
  27.                     <div class="la">
  28.                         <a href="" title="">投他一票</a>
  29.                         <a href="" title="">给他留言</a>
  30.                         <a href="" title="">送他卡片</a>
  31.                     </div>
  32.                     <img class="limg2" src="../img/yinyuedaren1.jpg" height="44" width="222" alt="音乐达人1">
  33.                 </div>
  34.                 <div class="ltwo">
  35.                     <img src="../img/yinyuehe.jpg" height="44" width="222" alt="音乐达人">

  36.                     <img src="../img/gedan.jpg" height="22" width="175" alt="音乐盒">
  37.                     <ul>
  38.                         <li>
  39.                             <a href="" title="">1.有没有人告诉你 - 陈楚生</a>
  40.                             <img src="../img/erji.jpg" height="12" width="16" alt="音乐盒">
  41.                             ..............................
  42.                         </li>
  43.                         <li>
  44.                             <a href="" title="">2.改变自己 - 王力宏</a>
  45.                             <img src="../img/erji.jpg" height="12" width="16" alt="音乐盒">
  46.                             ..............................
  47.                         </li>
  48.                         <li>
  49.                             <a href="" title="">3.还不是因为爱 - 苏醒</a>
  50.                             <img src="../img/erji.jpg" height="12" width="16" alt="音乐盒">
  51.                             ..............................
  52.                         </li>
  53.                         <li>
  54.                             <a href="" title="">4.西界 - 林俊杰</a>
  55.                             <img src="../img/erji.jpg" height="12" width="16" alt="音乐盒">
  56.                             ..............................
  57.                         </li>
  58.                         <li>
  59.                             <a href="" title="">5.我们的歌 - 王力宏</a>
  60.                             <img src="../img/erji.jpg" height="12" width="16" alt="音乐盒">
  61.                             ..............................
  62.                         </li>
  63.                         <li>
  64.                             <a href="" title="">6.如果你也听说 - 张惠妹</a>
  65.                             <img src="../img/erji.jpg" height="12" width="16" alt="音乐盒">
  66.                             ..............................
  67.                         </li>
  68.                         <li>
  69.                             <a href="" title="">7.热浪 - 温岚</a>
  70.                             <img src="../img/erji.jpg" height="12" width="16" alt="音乐盒">
  71.                             ..............................
  72.                         </li>
  73.                         <li>
  74.                             <a href="" title="">8.少年游 - 魏晨-快乐男声</a>
  75.                             <img src="../img/erji.jpg" height="12" width="16" alt="音乐盒">
  76.                             ..............................
  77.                         </li>
  78.                         <div class="ltwo1">
  79.                              <a href="" title="">试听全部</a>
  80.                         </div>
  81.                     </ul>
  82.                     <img class="limg2" src="../img/yinyuedaren1.jpg" height="44" width="222" alt="音乐盒">
  83.                 </div>
  84.                 <div class="ltwo">
  85.                     <img src="../img/jingjigongsi.jpg" height="44" width="222" alt="经纪公司图片">
  86.                     <img class="limg1" src="../img/lone1.jpg" height="250" width="200" alt="音乐达人1">
  87.                     <div class="ltwo2">
  88.                         <a href="" title=""><<</a>
  89.                         <a href="" title="">阿姨</a>
  90.                         <a href="" title="">>></a>
  91.                     </div>
  92.                     <img class="limg2" src="../img/yinyuedaren1.jpg" height="44" width="222" alt=音乐达人1

点击(此处)折叠或打开

  1. </div>
  2.                 <div class="lthree">
  3.                     <img src="../img/rili1.jpg" height="44" width="222" alt="日历">
  4.                     <img class="limg1" src="../img/rili.jpg" height="218" width="200" alt="日历">
  5.                     <img class="limg2" src="../img/yinyuedaren1.jpg" height="44" width="222" alt="音乐达人1">
  6.                 </div>
  7.             </div>

  8.             <div class="mside">
  9.                 <div class="mone">
  10.                     <img src="../img/shipin.jpg" height="44" width="460" alt="视频图片">
  11.                     <div class="mimg1">
  12.                         <img src="../img/aidechutiyan1.jpg" alt="爱的初体验图片">
  13.                         <img src="../img/aidechutiyan2.jpg" alt="爱的初体验图片">
  14.                         <img src="../img/aidechutiyan3.jpg" alt="爱的初体验图片">
  15.                     </div>
  16.                     <img src="../img/shipin1.jpg" height="44" width="460" alt="视频图片1">
  17.                 </div>
  18.                 <div class="mtwo">
  19.                     <img src="../img/gecichuangzuo.jpg" height="44" width="460" alt="歌词制作">

  20.                     <div class="mtwo1">
  21.                         <ul>
  22.                             <li>当你在穿山越岭的另一边</li>
  23.                             <li>我在孤独的路上没有尽头</li>
  24.                             <li>一辈子有多少的来不及</li>
  25.                             <li>发现已经失去</li>
  26.                             <li>最重要的东西</li>
  27.                             <li>恍然大悟早已远去</li>
  28.                             <li>为何总是在犯错之后</li>
  29.                             <li>
  30.                             ......<a href="" title="">查看全部</a>
  31.                             </li>
  32.                         </ul>
  33.                     </div>

  34.                     <div class="mtwo2">
  35.                         <ul>
  36.                             <li>当你在穿山越岭的另一边</li>
  37.                             <li>我在孤独的路上没有尽头</li>
  38.                             <li>一辈子有多少的来不及</li>
  39.                             <li>发现已经失去</li>
  40.                             <li>最重要的东西</li>
  41.                             <li>恍然大悟早已远去</li>
  42.                             <li>为何总是在犯错之后</li>
  43.                             <li>
  44.                                 ......<a href="" title="">查看全部</a>
  45.                             </li>
  46.                         </ul>
  47.                     </div>

  48.                     <img src="../img/shipin1.jpg" height="44" width="460" alt="视频图片1">
  49.                 </div>
  50.                 <div class="mtwo">
  51.                     <img src="../img/xiangce.jpg" height="44" width="460" alt="视频图片">
  52.                     <div class="mimg1">
  53.                         <img src="../img/aidechutiyan1.jpg" alt="爱的初体验图片">
  54.                         <img src="../img/aidechutiyan2.jpg" alt="爱的初体验图片">
  55.                         <img src="../img/aidechutiyan3.jpg" alt="爱的初体验图片">
  56.                     </div>
  57.                     <img src="../img/shipin1.jpg" height="44" width="460" alt="视频图片1">
  58.                 </div>
  59.                 <div class="mthree">
  60.                     <img src="../img/xinqingriji.jpg" height="38" width="460" alt="心情日记">
  61.                     <img src="../img/xinqingriji1.jpg" height="20" width="460" alt="心情日记">
  62.                     <ul class="mthree1">
  63.                         <li>
  64.                             我不知道什么是什么&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp2007.09.23&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp19票
  65.                         </li>
  66.                         ......................................................
  67.                         <li>
  68.                             我不知道什么是什么&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp2007.09.23&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp19票
  69.                         </li>
  70.                         ......................................................
  71.                         <li>
  72.                             我不知道什么是什么&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp2007.09.23&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp19票
  73.                         </li>
  74.                         ......................................................
  75.                         <li>
  76.                             我不知道什么是什么&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp2007.09.23&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp19票
  77.                         </li>
  78.                         ......................................................
  79.                         <li>
  80.                             我不知道什么是什么&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp2007.09.23&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp19票
  81.                         </li>
  82.                         ......................................................
  83.                         <li>
  84.                             我不知道什么是什么&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp2007.09.23&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp19票
  85.                         </li>
  86.                         ......................................................
  87.                         <li>
  88.                             我不知道什么是什么&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp2007.09.23&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp19票
  89.                         </li>
  90.                         ......................................................
  91.                         <li>

点击(此处)折叠或打开

  1.                             我不知道什么是什么&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp2007.09.23&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp19票
  2.                         </li>
  3.                         ......................................................
  4.                     </ul>
  5.                     <img src="../img/shipin1.jpg" height="30" width="460" alt="视频图片1">
  6.                 </div>
  7.             </div>

  8.             <div class="rside">
  9.                 <div class="rone">
  10.                     <img src="../img/fangwenjilu.jpg" height="44" width="222" alt="访问记录图片">
  11.                         <ul class="rone1">
  12.                             <li>
  13.                                 <img src="../img/xiaoquan.jpg" alt="小圈图片">
  14.                                 <b style="color: #b41e20;font-size:13px;">好友数量</b>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp961
  15.                             </li>
  16.                             ......................
  17.                             <li>
  18.                                 <img src="../img/xiaoquan.jpg" alt="小圈图片">
  19.                                 <b style="color: #b41e20;font-size:13px;">累积投票</b>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp456879
  20.                             </li>
  21.                             ......................
  22.                             <li>
  23.                                 <img src="../img/xiaoquan.jpg" alt="小圈图片">
  24.                                 <b style="color: #b41e20;font-size:13px;">本日投票</b>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp250
  25.                             </li>
  26.                             ......................
  27.                             <li>
  28.                                 <img src="../img/xiaoquan.jpg" alt="小圈图片">
  29.                                 <b style="color: #b41e20;font-size:13px;">总访问量</b>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp1245564
  30.                             </li>
  31.                             ......................
  32.                             <li>
  33.                                 <img src="../img/xiaoquan.jpg" alt="小圈图片">
  34.                                 <b style="color: #b41e20;font-size:13px;">本日访问</b>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp1245782
  35.                             </li>
  36.                             ......................
  37.                         </ul>
  38.                     <img src="../img/fangwenjilu1.jpg" height="44" width="222" alt="访问记录图片">
  39.                 </div>
  40.                 <div class="rtwo">
  41.                     <img src="../img/liuyan.jpg" height="44" width="222" alt="留言图片">
  42.                         <ul class="rtwo1">
  43.                             <li>
  44.                                 <img src="../img/xiaoquan.jpg" alt="小圈图片">
  45.                                 <a href="" title=""><b style="color: #b41e20;">二毛</b> <strong></strong>
  46.                                     <b style="color: #b41e20;">玩具</b> <strong></strong>:我不知道你说了什么或者什么。。。</a>
  47.                             </li>
  48.                             <li>
  49.                                 <img src="../img/xiaoquan.jpg" alt="小圈图片">
  50.                                 <b style="color: #b41e20;">二毛</b> <strong></strong> <b style="color: #b41e20;">玩具</b>
  51.                                 <strong></strong>:我不知道你说了什么或者什么。。。
  52.                             </li>
  53.                             <li>
  54.                                 <img src="../img/xiaoquan.jpg" alt="小圈图片">
  55.                                 <b style="color: #b41e20;">二毛</b> <strong></strong> <b style="color: #b41e20;">玩具</b>
  56.                                 <strong></strong>:我不知道你说了什么或者什么。。。
  57.                             </li>
  58.                             <li>
  59.                                 <img src="../img/xiaoquan.jpg" alt="小圈图片">
  60.                                 <b style="color: #b41e20;">二毛</b> <strong></strong> <b style="color: #b41e20;">玩具</b>
  61.                                 <strong></strong>:我不知道你说了什么或者什么。。。
  62.                             </li>
  63.                         </ul>
  64.                     <img src="../img/fangwenjilu1.jpg" height="44" width="222" alt="访问记录图片">
  65.                 </div>
  66.                 <div class="rthree">
  67.                     <img src="../img/haoyou.jpg" height="44" width="222" alt="偶像图片">
  68.                     <img src="../img/wanjuxiong1.jpg" height="90" width="222" alt="玩具熊图片">
  69.                     <img src="../img/wanjuxiong2.jpg" height="89" width="222" alt="玩具熊图片">
  70.                     <img src="../img/wanjuxiong2.jpg" height="89" width="222" alt="玩具熊图片">
  71.                     <img src="../img/wanjuxiong2.jpg" height="89" width="222" alt="玩具熊图片">
  72.                     <img src="../img/fangwenjilu1.jpg" height="44" width="222" alt="访问记录图片">
  73.                 </div>
  74.                 <div class="rtwo">
  75.                 <img src="../img/ouxiang.jpg" height="44" width="222" alt="偶像图片">
  76.                     <img class="limg1" src="../img/lone1.jpg" height="200" width="200" alt="音乐达人1">
  77.                     <div class="ltwo3">
  78.                         <a href="" title=""><<</a>
  79.                         <a href="" title="">阿姨</a>
  80.                         <a href="" title="">>></a>
  81.                     </div>
  82.                     <img src="../img/fangwenjilu1.jpg" height="44" width="222" alt="访问记录图片">
  83.                 </div>
  84.             </div>
  85.         </div>

  86.         <div id="footer">
  87.             <a href="" title="">新手上路</a> |
  88.             <a href="" title="">关于我们</a> |
  89.             <a href="" title="">服务条例</a> |

点击(此处)折叠或打开

  1.             <a style="text-decoration: underline" href="" title="">服务公告</a> |
  2.             <a href="" title="">行销合作</a> |
  3.             <a href="" title="">广告刊登</a> |
  4.             <a href="" title="">隐私政策</a> |
  5.             <a href="" title="">客服中心</a>
  6.         </div>
  7.     </div>
  8. </body>
  9. </html>
link导入css文件:

点击(此处)折叠或打开

  1. /*
  2. * @Author: IT - Pony
  3. * @Date: 2016-04-23 15:08:25
  4. * @Last Modified by: IT - Pony
  5. * @Last Modified time: 2016-04-24 13:56:19
  6. */
  7. @charset "utf-8";
  8. *{margin: 0;padding: 0;}

  9. #content{
  10.     margin: 0 auto;
  11.     width: 1024px;
  12.     height: 2000px;
  13.     background-image: url(../img/bg-y.png);
  14.     background-repeat: repeat-y;
  15. }

  16. #header{
  17.     width: 948px;
  18.     background-image: url(../img/header-bg1.png);
  19.     background-repeat: repeat-x;
  20.     margin: 0 auto;
  21. }

  22. #header .head1{
  23.     margin-left: 635px;
  24.     margin-top: 5px;
  25. }

  26. #header img{
  27.     margin-left: -0px;
  28. }

  29. #header .head3{
  30.     margin-top: -28px;
  31.     margin-left: 25px;
  32. }

  33. #header .head4{
  34.     margin-bottom: 48px;
  35.     margin-left: 20px;
  36. }

  37. #middle{
  38.     width: 928px;
  39.     height: 1700px;
  40.     /*border: 1px solid green;*/
  41.     margin: 0 auto;
  42.     margin-top: 10px;
  43. }

  44. #middle .lside{
  45.     width: 224px;
  46.     height: 1698px;
  47.     /*border: 1px solid orange;*/
  48.     float: left;
  49. }

  50. #middle .lone{
  51.     width: 222px;
  52.     height: 433px;
  53.     /*border: 1px solid black;*/
  54.     background-color: #ffd3a6;
  55. }

  56. /*音乐达人图片*/
  57. #middle .limg1{
  58.     margin: 5px 10px 10px;
  59. }
  60. /*下方图片*/
  61. #middle .limg2{
  62.     margin-top: 23px;
  63. }

  64. #middle .lone{
  65.     text-align: center;
  66. }
  67. /*文字居中*/
  68. #middle .lone a{
  69.     text-decoration: none;
  70.     line-height: 5px;
  71.     color: black;
  72. }

  73. #middle .la{
  74.     margin-top: 15px;
  75. }

点击(此处)折叠或打开

  1. #middle .ltwo{
  2.     width: 222px;
  3.     height: 433px;
  4.     /*border: 1px solid black;*/
  5.     margin-top: 10px;
  6.     background-color: #ffd3a6;
  7. }

  8. #middle .ltwo li {
  9.     list-style: none;
  10.     font-size: 12px;
  11. }

  12. #middle .ltwo ul{
  13.     margin: 20px 15px 2px;
  14. }

  15. #middle .ltwo li a{
  16.     text-decoration: none;
  17.     color: black;
  18.     font-weight: bold;
  19. }

  20. #middle .ltwo1{
  21.     text-align: right;
  22.     margin-top: 22px;
  23. }

  24. #middle .ltwo1 a{
  25.     color: #b41e20;
  26.     font-weight: bold;
  27. }

  28. #middle .ltwo2{
  29.     text-align: center;
  30.     word-spacing: 20px;
  31.     margin-top: 23px;
  32.     margin-bottom: 10px;
  33. }

  34. #middle .ltwo2 a{
  35.     color: #b41e20;
  36.     font-weight: bold;
  37.     text-decoration: none;
  38. }

  39. #middle .lthree{
  40.     width: 222px;
  41.     height: 350px;
  42.     /*border: 1px solid black;*/
  43.     margin-top: 10px;
  44.     background-color: #ffd3a6;
  45. }

  46. #middle .mside{
  47.     width: 460px;
  48.     height: 1698px;
  49.     /*border: 1px solid orange;*/
  50.     margin-left: 7px;
  51.     float: left;
  52. }

  53. #middle .mone{
  54.     width: 460px;
  55.     height: 350px;
  56.     /*border: 1px solid black;*/
  57.     background-color: #ffd3a6;
  58. }

  59. #middle .mimg1{
  60.     margin-top: 30px;
  61.     margin-left: 14px;
  62.     margin-bottom: 30px;
  63. }

  64. #middle .mtwo{
  65.     width: 460px;
  66.     height: 350px;
  67.     /*border: 1px solid black;*/
  68.     margin-top: 10px;
  69.     background-color: #ffd3a6;
  70. }

点击(此处)折叠或打开

  1. #middle .mtwo1{
  2.     width: 228px;
  3.     height: 237px;
  4.     border-right: 4px solid #feb469;
  5.     float: left;
  6.     margin-top: 10px;
  7.     margin-bottom: 10px;
  8. }

  9. #middle .mtwo1 li{
  10.     list-style: none;
  11.     margin-left: 25px;
  12.     line-height: 30px;
  13.     font-size: 12px;
  14.     font-weight: bold;
  15. }

  16. #middle .mtwo2{
  17.     width: 228px;
  18.     height: 237px;
  19.     /*border-right: 2px solid black;*/
  20.     float: left;
  21.     margin-top: 10px;
  22.     margin-bottom: 10px;
  23. }

  24. #middle .mtwo2 li{
  25.     list-style: none;
  26.     margin-left: 25px;
  27.     line-height: 30px;
  28.     font-size: 12px;
  29.     font-weight: bold;
  30. }

  31. #middle .mtwo1 a{
  32.     /*text-align: right;*/
  33.     /*text-decoration: none;*/
  34.     margin-left: 70px;
  35.     color: #b41e20;
  36. }

  37. #middle .mtwo2 a{
  38.     /*text-align: right;*/
  39.     /*text-decoration: none;*/
  40.     margin-left: 70px;
  41.     color: #b41e20;
  42. }

  43. #middle .mthree{
  44.     width: 460px;
  45.     height: 350px;
  46.     /*border: 1px solid black;*/
  47.     margin-top: 10px;
  48.     background-color: #ffd3a6;
  49. }

  50. #middle .mthree1{
  51.     list-style: none;
  52.     margin-left: 20px;
  53. }

  54. #middle .mthree1 li{
  55.     font-size: 12px;
  56.     font-weight: bold;
  57. }

  58. #middle .rside{
  59.     width: 224px;
  60.     height: 1698px;
  61.     /*border: 1px solid orange;*/
  62.     margin-left: 7px;
  63.     float: left;
  64. }

  65. #middle .rone{
  66.     width: 222px;
  67.     height: 300px;
  68.     /*border: 1px solid black;*/
  69.     background-color: #ffd3a6;
  70. }

  71. #middle .rone1{
  72.     list-style: none;
  73.     margin-top: 29px;
  74.     margin-left: 20px;
  75.     margin-bottom: 20px;
  76.     line-height: 16px;
  77. }

  78. #middle .rone1 li{
  79.     font-size: 12px;
  80.     /*font-weight: bold;*/
  81. }

  82. #middle .rtwo{
  83.     width: 222px;
  84.     height: 370px;
  85.     /*border: 1px solid black;*/
  86.     margin-top: 10px;
  87.     background-color: #ffd3a6;
  88. }

  89. #middle .rtwo1{
  90.     list-style: none;
  91.     margin-top: 20px;
  92.     margin-left: 15px;
  93.     margin-bottom: 19px;
  94.     line-height: 30px;
  95. }

  96. #middle .rtwo1 li{
  97.     font-size: 12px;
  98.    /*font-weight: bold;*/
  99. }

  100. #middle .rtwo1 a{
  101.     color: black;
  102. }

  103. #middle .rthree{
  104.     width: 222px;
  105.     height: 460px;
  106.     /*border: 1px solid black;*/
  107.     margin-top: 10px;
  108.     background-color: #ffd3a6;
  109. }

  110. #middle .ltwo3{
  111.     text-align: center;
  112.     word-spacing: 20px;
  113.     margin-top: 23px;
  114.     margin-bottom: 20px;
  115. }

  116. #middle .ltwo3 a{
  117.     color: #b41e20;
  118.     font-weight: bold;
  119.     text-decoration: none;
  120. }

  121. #footer{
  122.     width: 948px;
  123.     height: 76px;
  124.     background-image: url(../img/footer.jpg);
  125.     margin: 0 auto;
  126.     text-align: center;
  127.     line-height: 76px;
  128. }

  129. #footer a{
  130.     text-align: center;
  131.     line-height: 76px;
  132.     text-decoration: none;
  133. }
运行结果:

阅读(2246) | 评论(0) | 转发(0) |
0

上一篇:float布局

下一篇:九宫格导航页面

给主人留下些什么吧!~~