Chinaunix首页 | 论坛 | 博客

泉水南

首页　| 　博文目录　| 　关于我

小闹腾

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

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

文章分类

全部博文（69）

文章存档

2017年（2）

2016年（16）

2015年（21）

2014年（30）

我的朋友
最近访客
推荐博文
BLOG页面

分类： 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>

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

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

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

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

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

  52.                     <img src="../img/shipin1.jpg" height="44" width="460" alt="视频图片1">
  53.                 </div>
  54.                 <div class="mtwo">
  55.                     <img src="../img/xiangce.jpg" height="44" width="460" alt="视频图片">
  56.                     <div class="mimg1">
  57.                         <img src="../img/aidechutiyan1.jpg" alt="爱的初体验图片">
  58.                         <img src="../img/aidechutiyan2.jpg" alt="爱的初体验图片">
  59.                         <img src="../img/aidechutiyan3.jpg" alt="爱的初体验图片">
  60.                     </div>
  61.                     <img src="../img/shipin1.jpg" height="44" width="460" alt="视频图片1">
  62.                 </div>
  63.                 <div class="mthree">
  64.                     <img src="../img/xinqingriji.jpg" height="38" width="460" alt="心情日记">
  65.                     <img src="../img/xinqingriji1.jpg" height="20" width="460" alt="心情日记">
  66.                     <ul class="mthree1">
  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>
  92.                             我不知道什么是什么&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票
  93.                         </li>
  94.                         ......................................................
  95.                         <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>

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

  88.         <div id="footer">
  89.             <a href="" title="">新手上路</a> |
  90.             <a href="" title="">关于我们</a> |
  91.             <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;}

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

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

  25. #header .head1{
  26.     margin-left: 635px;
  27.     margin-top: 5px;
  28. }

  30. #header img{
  31.     margin-left: -0px;
  32. }

  34. #header .head3{
  35.     margin-top: -28px;
  36.     margin-left: 25px;
  37. }

  39. #header .head4{
  40.     margin-bottom: 48px;
  41.     margin-left: 20px;
  42. }

  44. #middle{
  45.     width: 928px;
  46.     height: 1700px;
  47.     /*border: 1px solid green;*/
  48.     margin: 0 auto;
  49.     margin-top: 10px;
  50. }

  52. #middle .lside{
  53.     width: 224px;
  54.     height: 1698px;
  55.     /*border: 1px solid orange;*/
  56.     float: left;
  57. }

  59. #middle .lone{
  60.     width: 222px;
  61.     height: 433px;
  62.     /*border: 1px solid black;*/
  63.     background-color: #ffd3a6;
  64. }

  66. /*音乐达人图片*/
  67. #middle .limg1{
  68.     margin: 5px 10px 10px;
  69. }
  70. /*下方图片*/
  71. #middle .limg2{
  72.     margin-top: 23px;
  73. }

  75. #middle .lone{
  76.     text-align: center;
  77. }
  78. /*文字居中*/
  79. #middle .lone a{
  80.     text-decoration: none;
  81.     line-height: 5px;
  82.     color: black;
  83. }

  85. #middle .la{
  86.     margin-top: 15px;
  87. }

点击(此处)折叠或打开

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

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

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

  18. #middle .ltwo li a{
  19.     text-decoration: none;
  20.     color: black;
  21.     font-weight: bold;
  22. }

  24. #middle .ltwo1{
  25.     text-align: right;
  26.     margin-top: 22px;
  27. }

  29. #middle .ltwo1 a{
  30.     color: #b41e20;
  31.     font-weight: bold;
  32. }

  34. #middle .ltwo2{
  35.     text-align: center;
  36.     word-spacing: 20px;
  37.     margin-top: 23px;
  38.     margin-bottom: 10px;
  39. }

  41. #middle .ltwo2 a{
  42.     color: #b41e20;
  43.     font-weight: bold;
  44.     text-decoration: none;
  45. }

  47. #middle .lthree{
  48.     width: 222px;
  49.     height: 350px;
  50.     /*border: 1px solid black;*/
  51.     margin-top: 10px;
  52.     background-color: #ffd3a6;
  53. }

  55. #middle .mside{
  56.     width: 460px;
  57.     height: 1698px;
  58.     /*border: 1px solid orange;*/
  59.     margin-left: 7px;
  60.     float: left;
  61. }

  63. #middle .mone{
  64.     width: 460px;
  65.     height: 350px;
  66.     /*border: 1px solid black;*/
  67.     background-color: #ffd3a6;
  68. }

  70. #middle .mimg1{
  71.     margin-top: 30px;
  72.     margin-left: 14px;
  73.     margin-bottom: 30px;
  74. }

  76. #middle .mtwo{
  77.     width: 460px;
  78.     height: 350px;
  79.     /*border: 1px solid black;*/
  80.     margin-top: 10px;
  81.     background-color: #ffd3a6;
  82. }

点击(此处)折叠或打开

  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. }

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

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

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

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

  42. #middle .mtwo2 a{
  43.     /*text-align: right;*/
  44.     /*text-decoration: none;*/
  45.     margin-left: 70px;
  46.     color: #b41e20;
  47. }

  49. #middle .mthree{
  50.     width: 460px;
  51.     height: 350px;
  52.     /*border: 1px solid black;*/
  53.     margin-top: 10px;
  54.     background-color: #ffd3a6;
  55. }

  57. #middle .mthree1{
  58.     list-style: none;
  59.     margin-left: 20px;
  60. }

  62. #middle .mthree1 li{
  63.     font-size: 12px;
  64.     font-weight: bold;
  65. }

  67. #middle .rside{
  68.     width: 224px;
  69.     height: 1698px;
  70.     /*border: 1px solid orange;*/
  71.     margin-left: 7px;
  72.     float: left;
  73. }

  75. #middle .rone{
  76.     width: 222px;
  77.     height: 300px;
  78.     /*border: 1px solid black;*/
  79.     background-color: #ffd3a6;
  80. }

  82. #middle .rone1{
  83.     list-style: none;
  84.     margin-top: 29px;
  85.     margin-left: 20px;
  86.     margin-bottom: 20px;
  87.     line-height: 16px;
  88. }

  90. #middle .rone1 li{
  91.     font-size: 12px;
  92.     /*font-weight: bold;*/
  93. }

  95. #middle .rtwo{
  96.     width: 222px;
  97.     height: 370px;
  98.     /*border: 1px solid black;*/
  99.     margin-top: 10px;
  100.     background-color: #ffd3a6;
  101. }

  103. #middle .rtwo1{
  104.     list-style: none;
  105.     margin-top: 20px;
  106.     margin-left: 15px;
  107.     margin-bottom: 19px;
  108.     line-height: 30px;
  109. }

  111. #middle .rtwo1 li{
  112.     font-size: 12px;
  113.    /*font-weight: bold;*/
  114. }

  116. #middle .rtwo1 a{
  117.     color: black;
  118. }

  120. #middle .rthree{
  121.     width: 222px;
  122.     height: 460px;
  123.     /*border: 1px solid black;*/
  124.     margin-top: 10px;
  125.     background-color: #ffd3a6;
  126. }

  128. #middle .ltwo3{
  129.     text-align: center;
  130.     word-spacing: 20px;
  131.     margin-top: 23px;
  132.     margin-bottom: 20px;
  133. }

  135. #middle .ltwo3 a{
  136.     color: #b41e20;
  137.     font-weight: bold;
  138.     text-decoration: none;
  139. }

  141. #footer{
  142.     width: 948px;
  143.     height: 76px;
  144.     background-image: url(../img/footer.jpg);
  145.     margin: 0 auto;
  146.     text-align: center;
  147.     line-height: 76px;
  148. }

  150. #footer a{
  151.     text-align: center;
  152.     line-height: 76px;
  153.     text-decoration: none;
  154. }
运行结果：

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

上一篇：float布局

下一篇：九宫格导航页面

给主人留下些什么吧！~~
关于我们 | 关于IT168 | 联系方式 | 广告合作 | 法律声明 | 免费注册

Copyright 2001-2010 ChinaUnix.net All Rights Reserved 北京皓辰网域网络信息技术有限公司. 版权所有

感谢所有关心和支持过ChinaUnix的朋友们

16024965号-6