Chinaunix首页 | 论坛 | 博客

广利颖

首页　| 　博文目录　| 　关于我

广利颖

  • 博客访问： 187801
  • 博文数量： 34
  • 博客积分： 0
  • 博客等级： 民兵
  • 技术积分： 183
  • 用 户 组： 普通用户
  • 注册时间： 2013-11-21 09:49
个人简介

我会用牵强的微笑，活出无人能比的骄傲

文章分类

全部博文（34）

文章存档

2016年（3）

2015年（5）

2014年（25）

2013年（1）

我的朋友
最近访客
推荐博文
慢时间网页

分类： Html/Css

2015-09-10 17:40:29

慢时间网页（使用html和css）
html代码

点击(此处)折叠或打开

  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="utf-8" />
  5.         <title>慢时间</title>
  6.         <link rel="stylesheet" type="text/css" href="css/header.css">
  7.         <link rel="stylesheet" type="text/css" href="css/nav.css">
  8.         <link rel="stylesheet" type="text/css" href="css/banner.css">
  9.         <link rel="stylesheet" type="text/css" href="css/main.css"/>
  10.         <link rel="stylesheet" type="text/css" href="css/left1.css"/>
  11.         <link rel="stylesheet" type="text/css" href="css/right1.css"/>
  12.         <link rel="stylesheet" type="text/css" href="css/left2.css"/>
  13.         <link rel="stylesheet" type="text/css" href="css/right2.css"/>
  14.         <link rel="stylesheet" type="text/css" href="css/footer.css"/>
  15.         <link rel="stylesheet" type="text/css" href="css/left3.css"/>
  16.         <link rel="stylesheet" type="text/css" href="css/right3.css"/>
  17.         <link rel="stylesheet" type="text/css" href="css/left4.css"/>
  18.         <link rel="stylesheet" type="text/css" href="css/right4.css"/>
  19.         <link rel="stylesheet" type="text/css" href="css/left5.css"/>
  20.         <link rel="stylesheet" type="text/css" href="css/right5.css"/>
  21.         <link rel="stylesheet" type="text/css" href="css/.css"/>
  22.         <link rel="stylesheet" type="text/css" href="css/.css"/>
  23.     </head>
  24.     <body>
  25.         <div id="header">
  26.             <div class="login">
  27.                 <ul>
  28.                     <li class="my1">
  29.                         <span>注册即送50沙粒喔~</span>
  30.                     </li>
  31.                     <li class="my2">
  32.                         <a href="">注册</a>
  33.                     </li>
  34.                     <li class="my3">
  35.                         <a class="hide" href="">登录</a>
  36.                     </li>
  37.                     <li class="my4">
  38.                         <a class="hide" href="">我的沙粒</a>
  39.                     </li>
  40.                     <li class="my5">
  41.                     </li>
  42.                     <li class="my6"></li>
  43.                 </ul>
  44.             </div>
  45.         </div>
  46.         <div class="header1">
  47.             <img src="img/logo.jpg">
  48.         </div>
  49.         <div class="header2">
  50.             <form>
  51.                 <div class="search">
  52.                     <ul>
  53.                         <li>
  54.                             <div class="text">
  55.                                 <input type="text" style="width: 220px;height: 30px; line-height: 30px;float: left;background: none;border: none;color: #666666;" name="article">
  56.                             </div>
  57.                         </li>
  58.                         <li>
  59.                             <img src="img/button.jpg" />
  60.                         </li>
  61.                     </ul>
  62.                 </div>
  63.             </form>
  64.         </div>
  65.         <div id="nav">
  66.             <div class="nav">
  67.                 <ul>
  68.                     <li><a href="">首页</a></li>
  69.                     <li><a href="">慢生活</a></li>
  70.                     <li><a href="">慢公益</a></li>
  71.                     <li><a href="">慢一族</a></li>
  72.                     <li><a href="">慢风景</a></li>
  73.                     <li><a href="">慢文艺</a></li>
  74.                     <li><a href="">慢活动</a></li>
  75.                     <li><a href="">慢集市</a></li>
  76.                     <li><a href="">慢应用</a></li>
  77.                     <li><a href="">慢递</a></li>
  78.                     <li><a href="">发现美好</a></li>
  79.                 </ul>
  80.             </div>
  81.         </div>
  82.         <div id="banner">
  83.             <div class="banner1">
  84.                 <img src="img/top.jpg" />
  85.             </div>
  86.             <div class="banner2">
  87.                 <div class="banner2_1">
  88.                     <div class="banner2_11">
  89.                         有奖征集慢生活资讯
  90.                     </div>
  91.                     <ul>
  92.                         <li class="article">
  93.                             <a title="文章发布" href="">文章发布</a>
  94.                         </li>
  95.                         <li class="party">
  96.                             <a title="活动发布" href="">活动发布</a>
  97.                         </li>
  98.                     </ul>
  99.                 </div>
  100.                 <div class="banner2_2">
  101.                     <div class="banner2_21">
  102.                         <a class="online" hre="">线上活动</a>
  103.                         <a href="">最新文章</a>
  104.                         <span class="more">
  105.                             <a href="">更多...</a>
  106.                         </span>
  107.                     </div>
  108.                     <div class="banner2_22">                        
  109.                         <ul>
  110.                             <li><a href="">一句话让你喜欢上一个人</a>
  111.                                 <span style="float: right;">[8-3]</span>
  112.                             </li>
  113.                             <li><a href="">说说分手后你最大的遗憾是...</a></li>
  114.                             <li><a href="">说说你做过做孤独的一件事</a></li>
  115.                             <li><a href="">说说你因为什么放弃了最喜...</a></li>
  116.                             <li><a href="">说说喜欢和爱有什么区别...</a></li>
  117.                         </ul>
  118.                     </div>
  119.                 </div>
  120.             </div>
  121.         </div>
  122.         <div id="main">
  123.             <div id="left1">
  124.                 <div class="left1_top">
  125.                     <ul>
  126.                         <li style="font-size: 16px;">慢生活<li>
  127.                         <li>手工</li>
  128.                         <li class="shu">|</li>
  129.                         <li>家居</li>
  130.                         <li class="shu">|</li>
  131.                         <li >美食</li>
  132.                         <li class="shu">|</li>
  133.                         <li>花草</li>
  134.                         <li class="shu">|</li>
  135.                         <li>创意</li>
  136.                         <li class="shu">|</li>
  137.                         <li>风尚</li>
  138.                         <li class="shu">|</li>
  139.                         <li>萌宠</li>
  140.                         <li class="shu">|</li>
  141.                         <li>更多...</li>
  142.                     </ul>
  143.                 </div>
  144.                 <div class="left1_bottom">
  145.                     <div class="left1_bottom1">
  146.                         <div class="left1_bottom1_top">
  147.                             <img src="img/left1_bottom1_top.jpg" />
  148.                         </div>
  149.                         <div class="left1_bottom1_bottom">
  150.                             <span>喝粥的好处-八款清肠粥</span>
  151.                         </div>
  152.                     </div>
  153.                  <div class="left1_bottom2">
  154.                      <div class="left1_bottom2_top">
  155.                          <div class="left1_bottom2_top1">
  156.                              <div class="left1_bottom2_top1_1">
  157.                                  <img src="img/left1_left1.jpg">
  158.                              </div>
  159.                              <div class="left1_bottom2_top1_2">
  160.                                  <div>
  161.                                         <dl>
  162.                                             <dt>氧味图书馆。DIY属于自...</dt>
  163.                                             <dd>各种大牌的香水就一定好吗...</dd>
  164.                                         </dl>
  165.                                     </div>                                
  166.                              </div>
  167.                          </div>
  168.                          <div class="left1_bottom2_top1">
  169.                              <div class="left1_bottom2_top1_1">
  170.                                  <img src="img/left1_left2.jpg">
  171.                              </div>
  172.                              <div class="left1_bottom2_top1_2">
  173.                                  <div>
  174.                                         <dl>
  175.                                             <dt>快乐星期天-制作甜苹果　</dt>
  176.                                             <dd>"一天一个苹果，医生远离...</dd>
  177.                                         </dl>
  178.                                     </div>                                
  179.                              </div>
  180.                          </div>
  181.                          <div class="left1_bottom2_top1">
  182.                              <div class="left1_bottom2_top1_1">
  183.                                  <img src="img/left1_left3.jpg">
  184.                              </div>
  185.                              <div class="left1_bottom2_top1_2">
  186.                                  <div>
  187.                                         <dl>
  188.                                             <dt>喝咖啡有助于保持健康吗...</dt>
  189.                                             <dd>有人喜欢热咖啡，有人喜欢...</dd>
  190.                                         </dl>
  191.                                     </div>                                
  192.                              </div>
  193.                          </div>
  194.                          <div class="left1_bottom2_top1">
  195.                              <div class="left1_bottom2_top1_1">
  196.                                  <img src="img/left1_left4.jpg">
  197.                              </div>
  198.                              <div class="left1_bottom2_top1_2">
  199.                                  <div>
  200.                                         <dl>
  201.                                             <dt>蒜蓉粉丝娃娃菜　　　　　</dt>
  202.                                             <dd>娃娃菜清爽适口，粉丝嫩滑...</dd>
  203.                                         </dl>
  204.                                     </div>                                
  205.                              </div>
  206.                          </div>
  207.                          <div class="left1_bottom2_top1">
  208.                              <div class="left1_bottom2_top1_1">
  209.                                  <img src="img/left1_left5.jpg">
  210.                              </div>
  211.                              <div class="left1_bottom2_top1_2">
  212.                                  <div>
  213.                                         <dl>
  214.                                             <dt>用手画出来的3D动画 神...</dt>
  215.                                             <dd>除3D艺术以外，Beever绘画...</dd>
  216.                                         </dl>
  217.                                     </div>                                
  218.                              </div>
  219.                          </div>

  221.                      </div>
  222.                      <div class="left1_bottom2_bottom">
  223.                          <span><a href="">加盟时间慢递，实现梦想</a></span>
  224.                      </div>
  225.                  </div>
  226.                  <div class="down">
  227.                      <span>TAG</span>
  228.                      <a href="">慢生活</a>
  229.                      <a href="">美食</a>
  230.                      <a href="">创意</a>
  231.                      <a href="">食谱</a>
  232.                      <a href="">居家</a>
  233.                      <a href="">设计</a>
  234.                      <a href="">手工</a>
  235.                      <a href="">家居</a>
  236.                  </div>
  237.                  <div class="down2">
  238.                      <img src="img/left_down2.jpg" />
  239.                  </div>
  240.                 </div>    
  241.             </div>
  242.             
  243.             <div id="right1">
  244.                 <div class="right1_top">
  245.                     <ul>
  246.                         <li style="font-size: 16px;">慢一族</li>
  247.                         <li>驴行者</li>
  248.                         <li class="shu">|</li>
  249.                         <li>摄影人</li>
  250.                         <li class="shu">|</li>
  251.                         <li >她们</li>
  252.                         <li class="shu">|</li>
  253.                         <li>艺术者</li>
  254.                         <li class="shu">|</li>
  255.                         <li>名人</li>
  256.                         <li class="shu">|</li>
  257.                         <li>手工客</li>
  258.                         <li class="shu">|</li>
  259.                         <li>更多...</li>
  260.                     </ul>
  261.                 </div>
  262.                 <div class="right1_bottom">
  263.                     <div class="right1_bottom1">
  264.                         <div class="right1_bottom1_top">
  265.                             <img src="img/right1_boottom1_top.jpg">
  266.                         </div>
  267.                         <div class="right1_bottom1_bottom">
  268.                             <span>马云：我们不勤奋也不聪明，为何成</span>
  269.                         </div>
  270.                     </div>
  271.                  <div class="right1_bottom2">
  272.                      <div class="right1_bottom2_top">
  273.                          <div>
  274.                              <div class="left1_bottom2_top1_1">
  275.                                  <img src="img/right11.jpg">
  276.                              </div>
  277.                              <div class="left1_bottom2_top1_2">
  278.                                  <div>
  279.                                         <dl>
  280.                                             <dt>EIN品牌创始人叶琳：我...</dt>
  281.                                             <dd>在我抵达采访地点之前，叶...</dd>
  282.                                         </dl>
  283.                                     </div>                                
  284.                              </div>
  285.                              <div class="left1_bottom2_top1_1">
  286.                                  <img src="img/right12.jpg">
  287.                              </div>
  288.                              <div class="left1_bottom2_top1_2">
  289.                                  <div>
  290.                                         <dl>
  291.                                             <dt>杜云峰-90后房子的建构...</dt>
  292.                                             <dd>杜云峰，宁波工程学院建筑...</dd>
  293.                                         </dl>
  294.                                     </div>                                
  295.                              </div>
  296.                              <div class="left1_bottom2_top1_1">
  297.                                  <img src="img/right13.jpg">
  298.                              </div>
  299.                              <div class="left1_bottom2_top1_2">
  300.                                  <div>
  301.                                         <dl>
  302.                                             <dt>快乐星期天-制作甜苹果　</dt>
  303.                                             <dd>"一天一个苹果，医生远离...</dd>
  304.                                         </dl>
  305.                                     </div>                                
  306.                              </div>
  307.                              <div class="left1_bottom2_top1_1">
  308.                                  <img src="img/right14.jpg">
  309.                              </div>
  310.                              <div class="left1_bottom2_top1_2">
  311.                                  <div>
  312.                                         <dl>
  313.                                             <dt>快乐星期天-制作甜苹果　</dt>
  314.                                             <dd>"一天一个苹果，医生远离...</dd>
  315.                                         </dl>
  316.                                     </div>                                
  317.                              </div>
  318.                              <div class="left1_bottom2_top1_1">
  319.                                  <img src="img/right15.jpg">
  320.                              </div>
  321.                              <div class="left1_bottom2_top1_2">
  322.                                  <div>
  323.                                         <dl>
  324.                                             <dt>快乐星期天-制作甜苹果　</dt>
  325.                                             <dd>"一天一个苹果，医生远离...</dd>
  326.                                         </dl>
  327.                                     </div>                                
  328.                              </div>
  329.                          </div>
  330.                          
  331.                      </div>
  332.                      <div class="right1_bottom2_bottom">
  333.                          <span><a href="">我是慢一族，我想出现在这里</a></span>
  334.                      </div>    
  335.                  </div>
  336.                  <div class="down">
  337.                      <span>TAG</span>
  338.                      <a href="">慢生活</a>
  339.                      <a href="">文艺</a>
  340.                      <a href="">慢一族</a>
  341.                      <a href="">乐活</a>
  342.                      <a href="">梦想</a>
  343.                      <a href="">旅行</a>
  344.                      <a href="">明星</a>
  345.                      <a href="">原创</a>
  346.                  </div>
  347.                  <div class="down2">
  348.                      <img src="img/right_down2.jpg" />
  349.                  </div>
  350.                 </div>
  351.             </div>    
  352.             
  353.             
  354.             <div id="left2">
  355.                 <div class="left2_top">
  356.                     <ul>
  357.                         <li style="font-size: 16px;">慢风景</li>
  358.                         <li>旅行</li>
  359.                         <li class="shu">|</li>
  360.                         <li>摄影</li>
  361.                         <li class="shu">|</li>
  362.                         <li >客栈</li>
  363.                         <li class="shu">|</li>
  364.                         <li>村落</li>
  365.                         <li class="shu">|</li>
  366.                         <li>小店</li>
  367.                         <li class="shu">|</li>
  368.                         <span>更多...</span>
  369.                     </ul>
  370.                 </div>
  371.                 <div class="left2_bottom">
  372.                     <div class="left2_bottom1">
  373.                         <div class="left2_bottom1_top">
  374.                             <img src="img/left2_bottom1_top.jpg" />
  375.                         </div>
  376.                         <div class="left2_bottom1_bottom">    
  377.                             <span>咖啡杯中的天地万物 虚实相结合拍</span>
  378.                         </div>
  379.                     </div>
  380.                  <div class="left2_bottom2">
  381.                      <div class="left2_bottom2_top">                        
  382.                             <ul>
  383.                                 <li><a href="">【二十四节气】</a></li>
  384.                                 <li><a href="">听说生女儿的都是人生赢家</a></li>
  385.                                 <li><a href="">找一个开满鲜花的小镇，和相爱的人文...</a></li>
  386.                                 <li><a href="">肯尼亚长颈鹿庄园 与野生动物一家亲</a></li>
  387.                                 <li><a href="">小清新图片唯美个性lomo阳光治愈系美...</a></li>
  388.                                 <li><a href="">原来那些惊艳的时装都是“抄”来的</a></li>
  389.                                 <li><a href="">鲜有人知 印度十大最美海滩</a></li>
  390.                             </ul>
  391.                         </div>
  392.                      <div class="left2_bottom2_bottom">
  393.                          <span><a href="">邂逅慢专题</a></span>
  394.                      </div>
  395.                  </div>
  396.                  <div class="down">
  397.                      <span>TAG</span>
  398.                      <a href="">慢生活</a>
  399.                      <a href="">旅行</a>
  400.                      <a href="">摄影</a>
  401.                      <a href="">文艺</a>
  402.                      <a href="">人文</a>
  403.                      <a href="">风景</a>
  404.                      <a href="">创意</a>
  405.                      <a href="">出境游</a>
  406.                  </div>
  407.                  <div class="down2">
  408.                      <img src="img/left2_down2.jpg" />
  409.                  </div>
  410.                 </div>
  411.             </div>
  412.             
  413.             
  414.             <div id="right2">
  415.                 <div class="right2_top">
  416.                     <ul>
  417.                         <li style="font-size: 16px;">慢文艺</li>
  418.                         <li>电影</li>
  419.                         <li class="shu">|</li>
  420.                         <li>音乐</li>
  421.                         <li class="shu">|</li>
  422.                         <li >戏剧</li>
  423.                         <li class="shu">|</li>
  424.                         <li>阅读</li>
  425.                         <li class="shu">|</li>
  426.                         <li>随笔</li>
  427.                         <li class="shu">|</li>
  428.                         <li>插画</li>
  429.                         <li class="shu">|</li>
  430.                         <li>动漫</li>
  431.                         <li class="shu">|</li>
  432.                         <li>更多...</li>
  433.                     </ul>
  434.                 </div>
  435.                 <div class="right2_bottom">
  436.                     <div class="right2_bottom1">
  437.                         <div class="right2_bottom1_top">
  438.                             <img src="img/right1_bottom1_top.jpg"">
  439.                         </div>
  440.                         <div class="right2_bottom1_bottom">
  441.                             <span>生命里，总有一朵祥云为你缭绕</span>
  442.                         </div>
  443.                     </div>
  444.                  <div class="right2_bottom2">
  445.                      <div class="right2_bottom2_top">
  446.                          <div class="right2_bottom2_top">                        
  447.                                 <ul>
  448.                                     <li><a href="">别为了那些不属于你的观众，去演绎不...</a></li>
  449.                                     <li><a href="">推荐9部风格迥异的黑暗系列动画电影</a></li>
  450.                                     <li><a href="">梦里花儿知多少 美国C.Michael Dudash</a></li>
  451.                                     <li><a href="">我们总是像智者一样劝慰别人，像傻子...</a></li>
  452.                                     <li><a href="">有多少“不得已”，最后成了“大欢喜...</a></li>
  453.                                     <li><a href="">守城人</a>　　　　　　　　　　</li>
  454.                                     <li><a href="">那些从未携手的人，何必挂念</a></li>
  455.                                 </ul>
  456.                             </div>
  457.                      </div>
  458.                      <div class="right2_bottom2_bottom">
  459.                          <span><a href="">加盟时间慢递，实现梦想</a></span>
  460.                      </div>
  461.                  </div>
  462.                  <div class="down">
  463.                      <span>TAG</span>
  464.                      <a href="">随笔</a>
  465.                      <a href="">心情</a>
  466.                      <a href="">美文</a>
  467.                      <a href="">文艺</a>
  468.                      <a href="">小文艺</a>
  469.                      <a href="">插画</a>
  470.                      <a href="">慢生活</a>
  471.                      <a href="">阅读</a>
  472.                  </div>
  473.                  <div class="down2">
  474.                      <img src="img/right2_down2.jpg" />
  475.                  </div>
  476.                 </div>
  477.             </div>
  478.         </div>
  479.         
  480.         
  481.         <div id="left3">
  482.                 <div class="left3_top">
  483.                     <ul>
  484.                         <li style="font-size: 16px;">慢专题</li>                        
  485.                         <span class="dian">更多...</span>
  486.                     </ul>
  487.                 </div>
  488.                 <div class="left3_bottom">
  489.                     <div class="left3_bottom_top">
  490.                         <img src="img/left3_bottom_top.jpg" />
  491.                     </div>
  492.                     <div class="left3_bottom_bottom">
  493.                         <div class="left3_bottom_bottom_left">
  494.                             <ul>
  495.                                 <li><a href="">少男少女恋爱事件薄　　　　　　　　</a>
  496.                                 </li>
  497.                                 <li><a href="">时间慢递，最有故事的咖啡，待你来读</a></li>
  498.                                 <li><a href="">舌尖的味蕾　　　　　　　　　　　　</a></li>
  499.                                 <li><a href="">中国边境小镇的唯美时光　　　　　　</a></li>
  500.                                 <li><a href="">慢时间甜品工房　　　　　　　　　　</a></li>
  501.                             </ul>
  502.                         </div>
  503.                         <div class="left3_bottom_bottom_right">
  504.                             <ul>
  505.                                 <li><a href="">甜美的梦尚未结束　　　　　　　　　</a>
  506.                                 </li>
  507.                                 <li><a href="">公益你我同行　　　　　　　　　　　</a></li>
  508.                                 <li><a href="">爱情故事下的光影流动　　　　　　　</a></li>
  509.                                 <li><a href="">推理算法的法则　　　　　　　　　　</a></li>
  510.                                 <li><a href="">步入纯音乐的曼妙时光　　　　　　　</a></li>
  511.                             </ul>
  512.                         </div>
  513.                     </div>
  514.                 </div>
  515.                 <div class="left3_down">
  516.                     <img src="img/left3_down.jpg" />
  517.                 </div>
  518.             </div>
  519.             
  520.             
  521.             <div id="right3">
  522.                 <div class="right3_top">
  523.                     <ul>
  524.                         <li style="font-size: 16px;">慢生活</li>
  525.                         <li>手工</li>
  526.                         <li class="shu">|</li>
  527.                         <li>家居</li>
  528.                         <li class="shu">|</li>
  529.                         <li >美食</li>
  530.                         <li class="shu">|</li>
  531.                         <li>花草</li>
  532.                         <li class="shu">|</li>
  533.                         <li>创意</li>
  534.                         <li class="shu">|</li>
  535.                         <li>风尚</li>
  536.                         <li class="shu">|</li>
  537.                         <li>萌宠</li>
  538.                         <li class="shu">|</li>
  539.                         <li>更多...</li>
  540.                     </ul>
  541.                 </div>
  542.                 <div class="right3_bottom">
  543.                     <div class="right3_bottom_top">
  544.                         <div class="right3_bottom_top1">
  545.                             <div class="right3_bottom_top1_1">
  546.                                 <img src="img/right3_11.jpg" />
  547.                             </div>
  548.                             <div class="right3_bottom_top1_2">
  549.                                 <a title="对白 2015夏装新款女装半身裙休闲百搭通勤全棉纯色A字半身中裙子" target="_blank" href=""> [对白旗舰店] 对白 2015夏装新款女装半... </a>
  550.                             </div>
  551.                         </div>
  552.                         <div class="right3_bottom_top2">
  553.                             <div class="right3_bottom_top1_1">
  554.                                 <img src="img/right3_12.jpg" />
  555.                             </div>
  556.                             <div class="right3_bottom_top1_2">
  557.                                 <a title="【萌趣】可爱猫咪收纳笔筒收纳盒 桌面木质组装化妆品杂物收纳盒" target="_blank" href=""> [萌趣生活MU] 【萌趣】可爱猫咪收纳笔筒收纳... </a>
  558.                             </div>
  559.                         </div>
  560.                         <div class="right3_bottom_top3">
  561.                             <div class="right3_bottom_top1_1">
  562.                                 <img src="img/right3_13.jpg" />
  563.                             </div>
  564.                             <div class="right3_bottom_top1_2">
  565.                                 <a title="新款长裙无印良品日系棉麻复古百搭素雅纯色带兜8米大裙摆半身裙" target="_blank" href=""> [色素棉麻女装] 新款长裙无印良品日系棉麻复古... </a>
  566.                             </div>
  567.                         </div>
  568.                         <div class="right3_bottom_top4">
  569.                             <div class="right3_bottom_top1_3">
  570.                                 <img src="img/right3_14.jpg" />
  571.                             </div>
  572.                             <div class="right3_bottom_top1_4">
  573.                                 <a target="_blank" href="">子陌</a>
  574.                             </div>
  575.                         </div>
  576.                         <div class="right3_bottom_top5">
  577.                             <div class="right3_bottom_top1_3">
  578.                                 <img src="img/right3_15.jpg" />
  579.                             </div>
  580.                             <div class="right3_bottom_top1_4">
  581.                                 <a target="_blank" href="">Life 611生活杂货</a>
  582.                             </div>
  583.                         </div>
  584.                         <div class="right3_bottom_top6">
  585.                             <div class="right3_bottom_top1_3">
  586.                                 <img src="img/right3_16.jpg" />
  587.                             </div>
  588.                             <div class="right3_bottom_top1_4">
  589.                                 <a target="_blank" href="">米悠本色</a>
  590.                             </div>
  591.                         </div>
  592.                         
  593.                     </div>

  595.                     </div>    
  596.                  <div class="right3_down">
  597.                      <img src="img/right3_down.jpg" />
  598.                  </div>
  599.                 </div>
  600.             </div>
  601.         
  602.         
  603.         <div id="left4">
  604.                 <div class="left4_top">
  605.                     <ul>
  606.                         <li style="font-size: 16px;">慢发现<li>
  607.                         <li>深圳</li>
  608.                         <li class="shu">|</li>
  609.                         <li>广州</li>
  610.                         <li class="shu">|</li>
  611.                         <li >北京</li>
  612.                         <li class="shu">|</li>
  613.                         <li>杭州</li>
  614.                         <li class="shu">|</li>
  615.                         <li>厦门</li>
  616.                         <li class="shu">|</li>
  617.                         <li>丽江</li>
  618.                         <li class="shu">|</li>
  619.                         <li>长沙</li>
  620.                         <li class="shu">|</li>
  621.                         <li>更多...</li>
  622.                     </ul>
  623.                 </div>
  624.                 <div class="left4_bottom">
  625.                     <div class="left4_bottom1">
  626.                         <a title="发现身边的好去处" href="">发现身边的好去处</a>
  627.                     </div>
  628.                  <div class="left4_down">
  629.                      <span>TAG</span>
  630.                      <a href="">慢生活</a>
  631.                      <a href="">美食</a>
  632.                      <a href="">创意</a>
  633.                      <a href="">食谱</a>
  634.                      <a href="">居家</a>
  635.                      <a href="">设计</a>
  636.                      <a href="">手工</a>
  637.                      <a href="">家居</a>
  638.                  </div>
  639.                 </div>
  640.             </div>
  641.             
  642.             
  643.             <div id="right4">
  644.                 <div class="right4_top">
  645.                     <ul>
  646.                         <li style="font-size: 16px;">慢生活</li>
  647.                         <li>手工</li>
  648.                         <li class="shu">|</li>
  649.                         <li>家居</li>
  650.                         <li class="shu">|</li>
  651.                         <li >美食</li>
  652.                         <li class="shu">|</li>
  653.                         <li>花草</li>
  654.                         <li class="shu">|</li>
  655.                         <li>创意</li>
  656.                         <li class="shu">|</li>
  657.                         <li>风尚</li>
  658.                         <li class="shu">|</li>
  659.                         <li>萌宠</li>
  660.                         <li class="shu">|</li>
  661.                         <li>更多...</li>
  662.                     </ul>
  663.                 </div>
  664.                 <div class="right4_bottom">
  665.                     <div class="right4_bottom1">
  666.                         <div class="right4_bottom1_top">
  667.                             <img src="img/right5_bottom1_top.jpg">
  668.                         </div>
  669.                         <div class="right4_bottom1_bottom">
  670.                             <span>一句诗让你喜欢上一个人</span>
  671.                         </div>
  672.                     </div>
  673.                  <div class="right4_bottom2">
  674.                      <div class="right4_bottom2_top">
  675.                          <div class="right4_bottom2_top1_2">
  676.                              <div class="right4_bottom2_top">                        
  677.                                     <ul>
  678.                                         <li><a href="">那些年温暖我的青春小说　　　　　　</a></li>
  679.                                         <li><a href="">怎样才算遇到一个最好的人　　　　　</a></li>
  680.                                         <li><a href="">说说分手后你最大的遗憾是什么...　</a></li>
  681.                                         <li><a href="">你觉得好的书　　　　　　　　　　　</a></li>
  682.                                         <li><a href="">你觉得好的书　　　　　　　　　　　</a></li>
  683.                                         <li><a href="">说说你做过最孤独的一件事是什么...</a></li>
  684.                                         <li><a href="">8月份的旅程　　　　　　　　　　　</a></li>
  685.                                     </ul>
  686.                                 </div>
  687.                          </div>
  688.                      </div>
  689.                      <div class="right4_bottom2_bottom">
  690.                          <span><a href="">发现身边的活动</a></span>
  691.                      </div>
  692.                  </div>
  693.                  <div class="down">
  694.                      <span>TAG</span>
  695.                      <a href="">音乐</a>
  696.                      <a href="">烧烤</a>
  697.                      <a href="">聚会</a>
  698.                      <a href="">交友</a>
  699.                      <a href="">独立音乐</a>
  700.                      <a href="">文艺</a>
  701.                      <a href="">原创</a>
  702.                      <a href="">摇滚</a>
  703.                  </div>
  704.                 </div>
  705.             </div>

  707.             <div id="left5">
  708.                 <div class="left5_top">
  709.                     <ul>
  710.                         <li style="font-size: 16px;">慢应用 慢时间新闻<li>
  711.                     </ul>
  712.                 </div>
  713.                 <div class="left5_bottom">
  714.                     <div class="left5_bottom1">    
  715.                         <img src="img/left5_bottom1_71.jpg" />
  716.                     </div>
  717.                     <div class="left5_bottom2">    
  718.                         <ul>
  719.                             <li>慢递　　　　　　　　　　　　　</li>
  720.                             <li>慢画面　　　　　　　　　　　　</li>
  721.                             <li>慢下来　　　　　　　　　　　　</li>
  722.                             <li>慢时间遇上ZAKER，擦出移动阅...</li>
  723.                             <li style="border-bottom: medium none;">慢时间携手天虹宣扬环保与慢生活</li>
  724.                         </ul>
  725.                     </div>
  726.                 </div>
  727.             </div>
  728.             
  729.             
  730.             <div id="right5">
  731.                 <div class="right5_top">
  732.                     <ul>
  733.                         <li style="font-size: 16px;">活跃用户<li>
  734.                         <li>美食</li>
  735.                         <li class="shu">|</li>
  736.                         <li>随笔</li>
  737.                         <li class="shu">|</li>
  738.                         <li >旅行</li>
  739.                         <li class="shu">|</li>
  740.                         <li>摄影</li>
  741.                         <li class="shu">|</li>
  742.                         <li>创意</li>
  743.                         <li class="shu">|</li>
  744.                         <li>插画</li>
  745.                         <li class="shu">|</li>
  746.                         <li>阅读</li>
  747.                         <li class="shu">|</li>
  748.                         <li>更多...</li>
  749.                     </ul>
  750.                 </div>
  751.                 <div class="right5_bottom">    
  752.                         <div class="left1">
  753.                             <div class="left1_1">
  754.                                 <div class="image"><img src="img/card1.jpg" /></div>
  755.                                 <div>
  756.                                     <dl>
  757.                                         <dt>穗刖空忆</dt>
  758.                                         <dd>我不愿随波逐流。...</dd>
  759.                                     </dl>
  760.                             </div>
  761.                             </div>
  762.                             <div class="left1_2">
  763.                                 <div class="image"><img src="img/card2.jpg"/></div>
  764.                                 <div>
  765.                                     <dl>
  766.                                         <dt>Sago小梅酱</dt>
  767.                                         <dd>&nbsp;</dd>
  768.                                     </dl>
  769.                                 </div>
  770.                             </div>
  771.                             <div class="left1_3">
  772.                                 <div class="image"><img src="img/card3.jpg" /></div>
  773.                                 <div class="uesr">
  774.                                     <dl>
  775.                                         <dt>by熙子</dt>
  776.                                         <dd>过去回不去...</dd>
  777.                                     </dl>
  778.                                 </div>
  779.                             </div>
  780.                         </div>
  781.                         <div class="right1">
  782.                             <div class="right1_1">
  783.                                 <div class="image"><img src="img/card4.jpg" /></div>
  784.                                 <div class="uesr">
  785.                                     <dl>
  786.                                         <dt>心弦上的独舞</dt>
  787.                                         <dd>三个字</dd>
  788.                                     </dl>
  789.                                 </div>
  790.                             </div>
  791.                             <div class="right1_2">
  792.                                 <div class="image"><img src="img/card5.jpg" /></div>
  793.                                 <div class="uesr">
  794.                                     <dl>
  795.                                         <dt>媛小言</dt>
  796.                                         <dd>&nbsp;</dd>
  797.                                     </dl>
  798.                                 </div>
  799.                             </div>
  800.                             <div class="right1_3">
  801.                                 <div class="image"><img src="img/card6.jpg" /></div>
  802.                                 <div class="uesr">
  803.                                     <dl>
  804.                                         <dt>闭上眼睛的萤火虫</dt>
  805.                                         <dd>我只是路过...</dd>
  806.                                     </dl>
  807.                                 </div>
  808.                             </div>
  809.                         </div>
  810.                     </div>
  811.             </div>
  812.             
  813.             
  814.             <div class="main_bottom">
  815.                 <div class="main_bottom1">
  816.                     放下浮躁，放下烦恼，体验<strong style="color: #92ca45;">慢生活</strong><br />
  817.                     在这个喧嚣的城市中，你是否也在寻找那片属于你自己的宁静？慢下来，和我们一起悠享人生，品味慢生活。
  818.                 </div>
  819.                 <div class="main_bottom2">
  820.                     <ul>
  821.                         <li>
  822.                             <span>腾讯微博：</span>
  823.                             <span>
  824.                                 <iframe width="70" height="24" frameborder="0" scrolling="auto" allowtransparency="true" marginheight="0" marginwidth="0" src="http://follow.v.t.qq.com/index.php?c=follow&a=quick&name=manshijianwang&style=5&t=1357721454437&f=0"></iframe>
  825.                             </span>
  826.                         </li>
  827.                         <li>
  828.                             <span>新浪微博：</span>
  829.                             <span>
  830.                                 <iframe width="70" height="24" frameborder="0" scrolling="auto" allowtransparency="true" marginheight="0" marginwidth="0" src="http://widget.weibo.com/relationship/followbutton.php?btn=red&style=2&uid=2766376684&width=136&height=24&language=zh_cn"></iframe>
  831.                             </span>
  832.                         </li>
  833.                     </ul>
  834.                 </div>
  835.             </div>
  836.         </div>
  837.         
  838.         
  839.             
  840. </div>
  841.             
  842.         <div id="footer">
  843.             <div class="footer_top">
  844.                 <div class="understand">
  845.                     <ul>
  846.                         <li><b>了解慢时间</b></li>
  847.                         <li>关于我们</li>
  848.                         <li>使用协议</li>
  849.                         <li>商务合作</li>
  850.                     </ul>
  851.                 </div>
  852.                 <div class="user">
  853.                     <ul>
  854.                         <li><b>用户中心</b></li>
  855.                         <li>意见反馈</li>
  856.                         <li>常见问题</li>
  857.                         <li>新手上路</li>
  858.                     </ul>
  859.                 </div>
  860.                 <div class="weixin">
  861.                     <ul>
  862.                         <li><b>微信二维码</b></li>
  863.                         <li><img src="img/weixin.png" /></li>
  864.                     </ul>
  865.                 </div>
  866.                 <div class="service">
  867.                     <ul>
  868.                         <li><b>关注我们</b></li>
  869.                         <li>
  870.                             <img src="img/sina.png" />新浪微博
  871.                         </li>
  872.                         <li>
  873.                             <img src="img/qq.png" />腾讯微博
  874.                         </li>
  875.                         <li>
  876.                             <img src="img/douban.png" />豆瓣小姑
  877.                         </li>
  878.                     </ul>
  879.                 </div>
  880.                 <div class="our">
  881.                     <ul>
  882.                         <li><b>慢时间</b></li>
  883.                         <li>手机版</li>
  884.                         <li>iphone客户端</li>
  885.                         <li>安卓客户端</li>
  886.                     </ul>
  887.                 </div>
  888.                 <div class="footer_center">
  889.                     <ul>
  890.                         <li>合作网站：</li>
  891.                         <li class="shu">|</li>
  892.                         <li>时间慢递</li>
  893.                         <li class="shu">|</li>
  894.                         <li>ZAKER</li>
  895.                         <li class="shu">|</li>
  896.                         <li>hao123</li>
  897.                         <li class="shu">|</li>
  898.                         <li>360安全网址导航</li>
  899.                         <li class="shu">|</li>
  900.                         <li>淘网址</li>
  901.                         <li class="shu">|</li>
  902.                         <li>金山网址导航</li>
  903.                         <li class="shu">|</li>
  904.                         <li>1616个人门户</li>
  905.                     </ul>
  906.                 </div>
  907.                 <div class="footer_bottom">
  908.                     <ul>
  909.                         <li>友情链接：</li>
  910.                         <li class="shu">|</li>
  911.                         <li>慢生活</li>
  912.                         <li class="shu">|</li>
  913.                         <li>米悠本色</li>
  914.                         <li class="shu">|</li>
  915.                         <li>漫思卡</li>
  916.                         <li class="shu">|</li>
  917.                         <li>创意手工</li>
  918.                         <li class="shu">|</li>
  919.                         <li>乐活资讯</li>
  920.                         <li class="shu">|</li>
  921.                         <li>摘抄</li>
  922.                         <li class="shu">|</li>
  923.                         <li>插画设计</li>
  924.                         <li class="shu">|</li>
  925.                         <li>内涵图吧</li>
  926.                         <li class="shu">|</li>
  927.                         <li>白茶</li>
  928.                         <li class="shu">|</li>
  929.                         <li>插画</li>
  930.                         <li class="shu">|</li>
  931.                         <li>片刻</li>
  932.                         <li class="shu">|</li>
  933.                         <li>原料大全</li>
  934.                         <li class="shu">|</li>
  935.                         <li>火车站</li>
  936.                         <li class="shu">|</li>
  937.                         <li>汽车售票点</li>
  938.                         <li class="shu">|</li>
  939.                         <li>lomo窝</li>
  940.                         <li class="shu">|</li>
  941.                         <li>红豆饭</li>
  942.                         <li class="shu">|</li>
  943.                         <li>邻居的耳朵</li>
  944.                         <li class="shu">|</li>
  945.                         <li>心灵咖啡网</li>
  946.                         <li class="shu">|</li>
  947.                         <li>秀设计</li>
  948.                         <li class="shu">|</li>
  949.                         <li>哈秀时尚网街拍</li>
  950.                         <li class="shu">|</li>
  951.                         <li>稀品网</li>
  952.                         <li class="shu">|</li>
  953.                         <li>一品泊手工城</li>
  954.                         <li class="shu">|</li>
  955.                         <li>客栈预定</li>
  956.                         <li class="shu">|</li>
  957.                         <li>多肉植物</li>
  958.                         <li class="shu">|</li>
  959.                         <li>厦门高铁</li>
  960.                         <li class="shu">|</li>
  961.                         <li>轻奢望</li>
  962.                         <li class="shu">|</li>
  963.                         <li>柚果</li>
  964.                         <li class="shu">|</li>
  965.                         <li>江门列表网</li>
  966.                         <li class="shu">|</li>
  967.                         <li>喵星球</li>
  968.                         <li class="shu">|</li>
  969.                         <li>电影影评网</li>
  970.                         <li class="shu">|</li>
  971.                         <li>或者博客</li>
  972.                         <li class="shu">|</li>
  973.                         <li>青蓝记</li>
  974.                         <li class="shu">|</li>
  975.                         <li>悦旅行</li>
  976.                         <li class="shu">|</li>
  977.                         <li>买狗网</li>
  978.                         <li class="shu">|</li>
  979.                         <li>菁华时尚社区</li>
  980.                         <li class="shu">|</li>
  981.                         <li>眼镜店</li>
  982.                         <li class="shu">|</li>
  983.                         <li>更多链接</li>                        
  984.                     </ul>
  985.                 </div>
  986.                 <div class="footer_down">
  987.                     <span>Copyright &copy; 2011-2015 慢时间 |</span>
  988.                     <a target="_blank" href="">慢生活</a>
  989.                     <span>社区，小清新网站</span>
  990.                     <a target="_blank" href="">粤ICP备11106070号</a>
  991.                     <a target="_blank" href="
css代码（广告图部分）

点击(此处)折叠或打开

  1. #banner .banner1{
  2.     width: 740px;
  3.     height: 280px;
  4.     float: left;
  5. }
  6. #banner .banner1 img{
  7.     margin-left: 180px;
  8.     margin-top: 10px;
  9. }
  10. #banner .banner2{
  11.     width: 250px;
  12.     height: 280px;
  13. /*    border: 1px solid #dcdcdc;*/
  14.     float: left;
  15.     margin-left: 185px;
  16.     margin-top: 5px;
  17. }
  18. #banner .banner2 .banner2_1{
  19.     width: 272px;
  20.     height: 73px;
  21.     margin-left: -3px;
  22.     margin-top: 10px;
  23. }
  24. .banner2_1 p{
  25.     font-size: 16px;
  26.     font-family: "微软雅黑";
  27.     color: #666666;
  28. }
  29. .banner2_11{
  30.     color: #666666;
  31.     float: left;
  32.     font-size: 14px;
  33.     font-weight: normal;
  34.     padding-bottom: 5px;
  35.     text-align: center;
  36.     width: 220px;
  37. }
  38. .article a{
  39.     background: url(../img/banner2_1.jpg) no-repeat scroll 0 0;
  40. }
  41. .party a{
  42.     background: url(../img/banner2_11.jpg) no-repeat scroll 0 0;
  43. }
  44. .banner2_1 a{
  45.     color: #FFFFFF;
  46.     display: block;
  47.     font-size: 14px;
  48.     font-weight: bold;
  49.     height: 50px;
  50.     line-height: 48px;
  51.     padding-left: 27px;
  52.     width: 80px;
  53.     float: left;
  54.     margin-left: -3px;
  55. }
  56. .banner2_21{
  57.     background: url(../img/banner2_21.jpg) repeat-x ;
  58.     width: 235px;
  59.     height: 36px;    
  60.     float: left;
  61.     color: #666666;
  62.     font-size: 14px;
  63.     line-height: 36px;
  64. }
  65. .banner2_21 .online{
  66.     background: url(../img/online.jpg) no-repeat;
  67.     float: left;
  68.     height: 36px;
  69.     width: 81px;
  70.     text-align: center;
  71. }
  72. .banner2_21 .more a{
  73.     color: #666666;
  74.     float: right;
  75.     font-size: 12px;
  76.     width: 40px;
  77.     line-height: 36px;
  78. }
  79. .banner2_21 a:hover{
  80.     background: #fff;
  81. }
  82. #banner .banner2 .banner2_2{
  83.     width: 235px;
  84.     height: 188px;
  85.     border: 1px solid #b6b6b6;
  86.     margin-left: 6px;
  87.     margin-top: 12px;
  88.     float: left;
  89.     color: #666666;
  90.     font-size: 12px;
  91.     background-color: #FFFFFF;
  92. }
  93. .banner2_22 ul{
  94.     margin: 0px;
  95.     padding: 0px;
  96.     text-align: left;
  97. }
  98. .banner2_22 ul li{
  99.     background: url(../img/dian.gif) no-repeat;    
  100.     color: #666666;
  101.     font-size: 12px;
  102.     height:29px;
  103.     line-height: 31px;
  104.     padding-left: 10px;
  105. }
css代码（导航部分）

点击(此处)折叠或打开

  1. *{
  2.     margin: 0;
  3.     padding: 0;
  4. }
  5. #nav{
  6.     width: 1363px;
  7.     height: 45px;
  8.     border-top: 1px solid #b6b6b6;    
  9.     /*background:url("./img/menu_bg.gif") repeat-x scroll 0 0;*/
  10.     background: url(../img/menu_bg.gif) repeat-x scroll 0 0;
  11.     float: left;
  12. }
  13. .nav{
  14.     width: 1000px;
  15.     height: 45px;
  16.     margin: 0 auto;
  17.     display: inline-block;    
  18. }
  19. li{
  20.     list-style: none;
  21. }
  22. .nav ul li{

  24.     font-size: 16px;
  25.     float: left;
  26.     padding:0 8px;
  27.     text-align: center;
  28.     line-height: 49px;
  29.     display: block;
  30. }
  31. a {
  32.     text-decoration: none;
  33.     color: #6f6679;
  34. }
  35. .nav a:hover{
  36.     color: #00CC66;
  37. }


css代码（头部）

点击(此处)折叠或打开

  1. *{
  2.     text-align: 16px;
  3.     text-align: center;
  4. }
  5. body{
  6.     background: #f2f1ef none repeat scroll 0 0;
  7.     font-size: 16px;
  8.     font-family: "微软雅黑";
  9.     margin: 0px auto;
  10.     padding: 0px;
  11. }
  12. /*#header{
  13.     height: 105px;    
  14. }
  15. #header img{
  16.     margin-top: 35px;
  17.     margin-left: -620px;
  18. }*/
  19. #header{
  20.     width: 600px;
  21.     height: 37px;
  22.     margin-top: 10px;
  23.     float: right;
  24.     margin-right: 55px;
  25. }
  26. .login ul li{
  27.     float: left;
  28.     padding-left: 8px;
  29.     padding-right: 0;
  30. }
  31. #header .login ul li a{
  32.     background: url(../img/register.gif) no-repeat;
  33.     color: #666666;
  34.     display: inline-block;
  35.     font-size: 12px;
  36.     line-height: 28px;
  37.     text-align: center;
  38.     width: 78px;    
  39.     margin-left:-25px ;
  40. }
  41. .login ul li span{
  42.     line-height: 30px;
  43.     float: left;
  44.     margin-top: 10px;
  45.     color: #000000;
  46. }
  47. .header1{
  48.     width: 500px;
  49.     height: 95px;
  50.     float: left;
  51.     margin: 10px 96px;
  52. }
  53. .header1 img{
  54.     margin-top: 32px;
  55.     margin-left: 78px;
  56. }
  57. .header2{
  58.     width: 430px;
  59.     height: 44px;
  60.     float: left;
  61.     margin: 10px 40px;
  62. }
  63. .search .text{
  64.     background: url(../img/search.jpg) no-repeat;
  65.     color: #aaaaaa;
  66.     font-size: 14px;
  67.     height: 40px;
  68.     line-height: 30px;
  69.     margin-left: 15px;
  70.     padding-bottom: 6px;
  71.     padding-left: 70px;    
  72.     float: left;    
  73. }
  74. .search ul li img{
  75.     float: left;
  76. }
  77. /*.search{
  78.     border: 1px solid red;
  79.     width: 500px;
  80.     height: 105px;
  81.     float: left;
  82. }
  83. .search .text{
  84.     background: url(../img/search.jpg) no-repeat;
  85.     border: medium none;
  86.     color: #aaaaaa;
  87.     font-size: 14px;
  88.     height: 40px;
  89.     line-height: 30px;
  90.     margin-left: 15px;
  91.     padding-bottom: 6px;
  92.     padding-left: 5px;
  93.     padding-top: 6px;
  94.     width: 330;
  95.     float: left;
  96.     
  97. }*/
css代码（中间部分）

点击(此处)折叠或打开

  1. #left1{
  2.     width: 495px;
  3.     height: 488px;
  4.     border: 1px solid #dcdcdc;
  5.     float: left;
  6.     margin-top: 10px;
  7.     margin-left: -1px;
  8.     background-color: #FFFFFF;
  9. }
  10. .left1_top{
  11.     height: 45px;
  12.     border: 1px solid #DCDCDC;
  13.     background-color: #f1f1f1;
  14. }
  15. .shu{
  16.     margin: 0;
  17.     padding: 0;
  18. }
  19. .left1_bottom{
  20.     height: 348px;
  21.     border: 1px solid #FFFFFF;
  22.     margin-top: 20px;
  23. }
  24. .left1_bottom1{
  25.     width: 207px;
  26.     height: 305px;
  27.     float: left;
  28.     margin-left: 20px;
  29. }
  30. .left1_bottom1_top{
  31.     width: 205px;
  32.     height: 258px;
  33.     float: left;
  34. }
  35. .left1_bottom1_bottom{
  36.     background-color: #DCDCDC;
  37.     width: 205px;
  38.     height: 30px;
  39.     float: left;
  40.     margin-top: 15px;
  41. }
  42. span{
  43.     font-size: 12px;
  44.     text-align: center;
  45.     line-height: 30px;
  46. }
  47. .left1_bottom2{
  48.     width: 207px;
  49.     height: 305px;
  50.     float: left;
  51.     margin-left: 20px;
  52. }
  53. .left1_bottom2_top{
  54.     width: 225px;
  55.     height: 258px;
  56.     float: left;
  57.     margin-top: 2px;
  58. }
  59. .left1_bottom2_top1{
  60.     width: 205px;
  61.     height: 50px;
  62. }
  63. /*.left1_bottom2_top1_1{
  64.     margin-top: 5px;
  65. }*/
  66. .left1_bottom2_top1_1 img{
  67.     width: 51px;
  68.     height: 40px;
  69.     float: left;
  70. }
  71. .left1_bottom2_top1_2{
  72.     width: 227px;
  73.     height: 53px;
  74. }
  75. .left1_bottom2_top1_2 ul{
  76.     list-style: none;
  77. }
  78. .left1_bottom2_top1_2 ul li{
  79.     float: left;
  80.     font-size: 12px;
  81. }
  82. .left1_bottom2_bottom{
  83.     width: 205px;
  84.     height: 30px;
  85.     float: left;
  86.     margin-top: 13px;
  87.     background-color: #DCDCDC;
  88. }
  89. .left1_bottom2_bottom a{
  90.     color: #599A00;
  91.     font-weight: bold;
  92. }
  93. .left1_bottom2_bottom span a:hover{
  94.     color: #000000;
  95. }
  96. .down{
  97.     width: 355px;
  98.     height: 32px;
  99.     margin-top: 312px;
  100. }
  101. .down span{
  102.     background: #94c945 none repeat;
  103.     float: left;
  104.     line-height: 20px;
  105.     margin: 6px 15px;
  106. }
  107. .down a{
  108.     font-size: 12px;
  109.     float: left;
  110.     margin: 8px 4px;
  111.     text-align: center;    
  112. }
  113. .down a:hover{
  114.     color: #00CC66;
  115. }
  116. .down2{
  117.     width: 495px;
  118.     height: 77px;
  119.     margin-top: -1px;
  120.     margin-left: -2px;
  121. }

点击(此处)折叠或打开

  1. #left2{
  2.     width: 495px;
  3.     height: 488px;
  4.     border: 1px solid #dcdcdc;
  5.     float: left;
  6.     margin-top: 15px;
  7.     margin-left: -1px;
  8.     background-color: #FFFFFF;
  9. }
  10. .left2_top{
  11.     height: 45px;
  12.     background-color: #f1f1f1;
  13.     border: 1px solid #DCDCDC;
  14. }
  15. .left2_top span{
  16.     float: right;
  17.     line-height: 45px;
  18.     color: #666666;
  19. }
  20. .left2_bottom{
  21.     height: 348px;
  22.     border: 1px solid #FFFFFF;
  23.     margin-top: 20px;
  24. }
  25. .left2_bottom1{
  26.     width: 207px;
  27.     height: 305px;
  28.     float: left;
  29.     margin-left: 20px;
  30. }
  31. .left2_bottom2{
  32.     width: 243px;
  33.     height: 305px;
  34.     float: left;
  35.     margin-left: 15px;
  36. }
  37. .left2_bottom1_top{
  38.     width: 205px;
  39.     height: 258px;
  40.     float: left;
  41. }
  42. .left2_bottom1_bottom{
  43.     background-color: #DCDCDC;
  44.     width: 205px;
  45.     height: 30px;
  46.     float: left;
  47.     margin-top: 15px;
  48. }
  49. .left2_bottom2_top{    
  50.     width: 243px;
  51.     height: 258px;
  52.     float: left;
  53.     margin-top: 2px;
  54. }
  55. .left2_bottom2_top ul li{
  56.     margin: 0px;
  57.     padding: 0px;
  58.     text-align: left;
  59.     background: url(../img/dian.gif) no-repeat;
  60.     color: #666666;
  61.     font-size: 12px;
  62.     height:34px;
  63.     line-height: 34px;
  64.     padding-left: 10px;
  65.     border-bottom: 1px dashed #A7D66E;
  66. }
  67. .left2_bottom2_bottom{
  68.     width: 205px;
  69.     height: 30px;
  70.     float: left;
  71.     margin-top: 13px;
  72.     background-color: #DCDCDC;
  73. }
  74. .left2_bottom2_bottom a{
  75.     color: #599A00;
  76.     font-weight: bold;
  77. }
  78. .left2_bottom2_bottom span a:hover{
  79.     color: #000000;
  80. }
  81. .down{
  82.     width: 355px;
  83.     height: 32px;
  84.     margin-top: 312px;
  85. }
  86. .down2{
  87.     width: 495px;
  88.     height: 77px;
  89.     margin-top: -1px;
  90.     margin-left: -2px;
  91. }

点击(此处)折叠或打开

  1. #left3{
  2.     width: 495px;
  3.     height: 486px;
  4.     border: 1px solid #dcdcdc;
  5.     float: left;
  6.     margin-top: 15px;
  7.     margin-left: 178px;
  8.     background-color: #FFFFFF;
  9. }
  10. .left3_top{
  11.     height: 45px;
  12.     background-color: #f1f1f1;
  13.     border: 1px solid #DCDCDC;
  14. }
  15. .left3_top span{
  16.     float: right;
  17.     line-height: 45px;
  18.     color: #666666;
  19. }
  20. .left3_bottom{
  21.     height: 348px;
  22.     margin-top: 20px;
  23. }
  24. .left3_bottom_top{
  25.     width: 460px;
  26.     height: 162px;
  27.     margin-left: 15px;
  28. }
  29. .left3_bottom_top img{
  30.     width: 460px;
  31.     height: 162px;
  32. }
  33. .left3_bottom_bottom{
  34.     width: 493px;
  35.     height: 162px;
  36.     margin-top: 10px;
  37. }
  38. .left3_bottom_bottom_left{
  39.     width: 238px;
  40.     height: 162px;
  41.     margin-left: 8px;
  42.     float: left;
  43. }
  44. .left3_bottom_bottom_left ul li{
  45.     background: url(../img/dian.gif) no-repeat;    
  46.     color: #666666;
  47.     font-size: 12px;
  48.     height:31px;
  49.     line-height: 31px;
  50.     padding-left: 10px;
  51.     border-bottom: 1px dashed #A7D66E;
  52. }
  53. .left3_bottom_bottom_right{
  54.     width: 220px;
  55.     height: 162px;
  56.     float: left;
  57.     margin-left: 15px;
  58. }
  59. .left3_bottom_bottom_right ul li{
  60.     background: url(../img/dian.gif) no-repeat;    
  61.     color: #666666;
  62.     font-size: 12px;
  63.     height:31px;
  64.     line-height: 31px;
  65.     padding-left: 10px;
  66.     border-bottom: 1px dashed #A7D66E;
  67. }
  68. .left3_down{
  69.     width: 495px;
  70.     height: 70px;
  71.     border: 1px solid #DCDCDC;
  72.     margin-left: -1px;
  73.     padding: 0;
  74. }

点击(此处)折叠或打开

  1. #left4{
  2.     width: 495px;
  3.     height: 162px;
  4.     border: 1px solid #dcdcdc;
  5.     float: left;
  6.     margin-top: 15px;
  7.     margin-left: 178px;
  8.     background-color: #FFFFFF;
  9. }
  10. .left4_top{
  11.     height: 45px;
  12.     background-color: #f1f1f1;
  13.     border: 1px solid #DCDCDC;
  14. }
  15. .left4_bottom{
  16.     height: 107px;
  17.     margin-top: 20px;
  18. }
  19. .left4_bottom1{    
  20.     width: 232px;
  21.     height: 29px;
  22.     margin-top: 35px;
  23.     margin-left: 20px;
  24.     border: 1px solid #DCDCDC;
  25. }
  26. .left4_bottom1 a{
  27.     background: url(../img/left4_bottom1.gif) no-repeat;
  28.     font-weight: bold;
  29.     color: #599A00;
  30.     font-size: 12px;
  31. }
  32. .left4_down{
  33.     width: 355px;
  34.     height: 32px;
  35.     margin-top: 5px;
  36. }
  37. .left4_down span{
  38.     background: #94c945 none repeat;
  39.     float: left;
  40.     line-height: 20px;
  41.     margin: 6px 15px;
  42. }
  43. .left4_down a{
  44.     font-size: 12px;
  45.     float: left;
  46.     margin: 8px 4px;
  47.     text-align: center;    
  48. }
  49. .left_down a:hover{
  50.     color: #00CC66;
  51. }

点击(此处)折叠或打开

  1. #main{
  2.     margin: 0px;
  3.     padding: 0px;
  4.     width: 1000px;
  5.     height: 1018px;
  6.     margin-left: 180px;
  7.     float: left;
  8.     margin-top: 10px;
  9. }
  10. /*#main img{
  11.     margin-top: 10px;
  12.     margin-left: -1px;
  13. }*/
  14. .main_bottom{
  15.     background: url(../img/main_bottom.jpg) no-repeat;
  16.     width: 1002px;
  17.     height: 70px;
  18.     float: left;
  19.     margin-left: 178px;
  20.     margin-top: 13px;
  21. }
  22. .main_bottom .main_bottom1{
  23.     color: #8b8a88;
  24.     float: left;
  25.     font-size: 14px;
  26.     line-height: 26px;
  27.     margin-left: 5px;
  28.     text-align: left;
  29.     width: 750px;
  30. }
  31. .main_bottom .main_bottom2{
  32.     float: right;
  33.     margin-right: 30px;
  34.     width: 210px;
  35. }
  36. .main_bottom .main_bottom2 ul li span{
  37.     float: left;
  38. }








点击(此处)折叠或打开

  1. #left5{
  2.     width: 495px;
  3.     height: 272px;
  4.     float: left;
  5.     margin-left: 178px;
  6.     margin-top: 10px;
  7.     border: 1px solid #dcdcdc;
  8.     background-color: #FFFFFF;
  9. }
  10. .left5_top{
  11.     height: 45px;
  12.     background-color: #f1f1f1;
  13. }
  14. .left5_bottom{
  15.     height: 225px;    
  16. }
  17. .left5_bottom1{
  18.     width: 243px;
  19.     height: 187px;
  20.     margin-top: 15px;
  21.     margin-left: 10px;
  22.     float: left;
  23. }
  24. .left5_bottom2{    
  25.     width: 215px;
  26.     height: 187px;
  27.     margin-top: 15px;
  28.     margin-left: 10px;
  29.     float: left;
  30. }
  31. .left5_bottom2 ul li{
  32.     background: url(../img/dian.gif) no-repeat;
  33.     border-bottom: 1px dashed #a7d66e;
  34.     float: left;
  35.     line-height: 21px;
  36.     padding-left: 10px;
  37.     margin-top: 10px;
  38. }

点击(此处)折叠或打开

  1. #right1{
  2.     width: 495px;
  3.     height: 488px;
  4.     border: 1px solid #dcdcdc;
  5.     float: left;
  6.     margin-top: 10px;
  7.     margin-left: 7px;
  8.     background-color: #FFFFFF;
  9. }
  10. .right1_top{
  11.     height: 45px;
  12.     border: 1px solid #DCDCDC;
  13.     background-color: #f1f1f1;
  14. }
  15. .shu{
  16.     margin: 0;
  17.     padding: 0;
  18. }
  19. .right1_bottom{
  20.     height: 348px;
  21.     border: 1px solid #FFFFFF;
  22.     margin-top: 20px;
  23. }
  24. .right1_bottom1{
  25.     width: 227px;
  26.     height: 305px;
  27.     float: left;
  28.     margin-left: 10px;
  29. }
  30. .right1_bottom2{
  31.     width: 227px;
  32.     height: 305px;
  33.     float: left;
  34.     margin-left: 10px;
  35. }
  36. .right1_bottom1_top{
  37.     width: 205px;
  38.     height: 258px;
  39.     float: left;
  40.     margin-left: 10px;
  41. }
  42. .right1_bottom1_bottom{
  43.     width: 205px;
  44.     height: 30px;
  45.     float: left;
  46.     margin-top: 15px;
  47.     background-color: #DCDCDC;
  48. }
  49. .right1_bottom1_bottom span{
  50.     font-size: 12px;
  51.     text-align: center;
  52.     line-height: 30px;
  53. }
  54. .right1_bottom2_top{
  55.     width: 227px;
  56.     height: 258px;
  57.     float: left;
  58.     margin-top: 2px;
  59. }
  60. .right1_bottom2_bottom{
  61.     width: 205px;
  62.     height: 30px;
  63.     float: left;
  64.     margin-top: 13px;
  65.     background-color: #DCDCDC;
  66. }
  67. .right1_bottom2_bottom a{
  68.     color: #599A00;
  69.     font-weight: bold;
  70. }
  71. .right1_bottom2_bottom span{
  72.     font-size: 12px;
  73.     text-align: center;
  74.     line-height: 30px;
  75.     color: #599A00;
  76. }
  77. .right1_bottom2_bottom span a:hover{
  78.     color: #000000;
  79. }
  80. .down{
  81.     width: 355px;
  82.     height: 32px;
  83.     margin-top: 312px;
  84. }
  85. .down2{
  86.     width: 495px;
  87.     height: 77px;
  88.     margin-top: -1px;
  89.     margin-left: -2px;
  90. }
  91. .down2 img{
  92.     width: 495px;
  93.     height: 75px;
  94. }

点击(此处)折叠或打开

  1. #right2{
  2.     width: 495px;
  3.     height: 488px;
  4.     border: 1px solid #dcdcdc;
  5.     float: left;
  6.     margin-top: 15px;
  7.     margin-left: 7px;
  8.     background-color: #FFFFFF;
  9. }
  10. .right2_top{
  11.     height: 45px;
  12.     background-color: #f1f1f1;
  13.     border: 1px solid #DCDCDC;
  14. }
  15. ul li{
  16.     font-size: 12px;
  17.     text-align: center;
  18.     float: left;
  19.     line-height: 45px;
  20.     margin: 0 12px;
  21.     color: #666666;
  22.     /*border-right: 1px solid #B6B6B6;*/
  23. }
  24. .right2_bottom{
  25.     height: 348px;
  26.     border: 1px solid #FFFFFF;
  27.     margin-top: 20px;
  28. }
  29. .right2_bottom1{
  30.     width: 207px;
  31.     height: 305px;
  32.     float: left;
  33.     margin-left: 20px;
  34. }
  35. .right2_bottom2{
  36.     width: 207px;
  37.     height: 305px;
  38.     float: left;
  39.     margin-left: 20px;
  40. }
  41. .right2_bottom1_top{
  42.     width: 205px;
  43.     height: 258px;
  44.     float: left;
  45. }
  46. .right2_bottom1_bottom{
  47.     background-color: #DCDCDC;
  48.     width: 205px;
  49.     height: 30px;
  50.     float: left;
  51.     margin-top: 15px;
  52. }
  53. .right2_bottom2_top{
  54.     width: 205px;
  55.     height: 258px;
  56.     float: left;
  57.     margin-top: 2px;
  58. }
  59. .right2_bottom2_top{    
  60.     width: 243px;
  61.     height: 258px;
  62.     float: left;
  63.     margin-top: 2px;
  64. }
  65. .right2_bottom2_top ul li{
  66.     margin: 0px;
  67.     padding: 0px;
  68.     text-align: left;
  69.     background: url(../img/dian.gif) no-repeat;
  70.     color: #666666;
  71.     font-size: 12px;
  72.     height:34px;
  73.     line-height: 34px;
  74.     padding-left: 10px;
  75.     border-bottom: 1px dashed #A7D66E;
  76. }
  77. .right2_bottom2_bottom{
  78.     width: 205px;
  79.     height: 30px;
  80.     float: left;
  81.     margin-top: 13px;
  82.     background-color: #DCDCDC;
  83. }
  84. .right2_bottom2_bottom a{
  85.     color: #599A00;
  86.     font-weight: bold;
  87. }
  88. .right2_bottom2_bottom span{
  89.     font-size: 12px;
  90.     text-align: center;
  91.     line-height: 30px;
  92.     color: #599A00;
  93. }
  94. .right2_bottom2_bottom span a:hover{
  95.     color: #000000;
  96. }
  97. .down{
  98.     width: 355px;
  99.     height: 32px;
  100.     margin-top: 312px;
  101. }
  102. .down2{
  103.     width: 495px;
  104.     height: 77px;
  105.     margin-top: -1px;
  106.     margin-left: -2px;
  107. }

点击(此处)折叠或打开

  1. #right3{
  2.     width: 495px;
  3.     height: 486px;
  4.     border: 1px solid #dcdcdc;
  5.     float: left;
  6.     margin-top: 15px;
  7.     margin-left: 7px;
  8.     background-color: #FFFFFF;
  9. }
  10. .right3_top{
  11.     height: 45px;
  12.     background-color: #f1f1f1;
  13.     border: 1px solid #DCDCDC;
  14. }
  15. ul li{
  16.     font-size: 12px;
  17.     text-align: center;
  18.     float: left;
  19.     line-height: 45px;
  20.     margin: 0 12px;
  21.     color: #666666;
  22. }
  23. .right3_bottom_top{
  24.     width: 444px;
  25.     height: 340px;
  26.     margin-top: 20px;
  27.     margin-left: 24px;
  28. }
  29. .right3_bottom_top1{
  30.     width: 134px;
  31.     height: 170px;
  32.     float: left;
  33. }
  34. .right3_bottom_top1_1{
  35.     width: 134px;
  36.     height: 124px;
  37.     float: left;
  38. }
  39. .right3_bottom_top1_1 img{
  40.     width: 134px;
  41.     height: 124px;
  42. }
  43. .right3_bottom_top1_2{
  44.     width: 134px;
  45.     height: 43px;
  46.     float: left;
  47. }
  48. .right3_bottom_top1_2 a{
  49.     color: #666666;
  50.     float: left;
  51.     font-size: 12px;
  52.     line-height: 20px;
  53.     margin-top: 5px;
  54.     width: 134px;
  55. }
  56. .right3_bottom_top2{
  57.     width: 134px;
  58.     height: 170px;
  59.     float: left;
  60.     margin-left: 18px;
  61. }
  62. .right3_bottom_top3{
  63.     width: 134px;
  64.     height: 170px;
  65.     float: left;
  66.     margin-left: 18px;
  67. }
  68. .right3_bottom_top4{
  69.     width: 134px;
  70.     height: 150px;
  71.     float: left;
  72. }
  73. .right3_bottom_top1_3{
  74.     width: 134px;
  75.     height: 116px;
  76.     float: left;
  77. }
  78. .right3_bottom_top1_3 img{
  79.     width: 134px;
  80.     height: 116px;
  81. }
  82. .right3_bottom_top1_4{
  83.     width: 134px;
  84.     height: 31px;
  85.     float: left;
  86. }
  87. .right3_bottom_top1_4 a{
  88.     color: #666666;
  89.     float: left;
  90.     font-size: 12px;
  91.     line-height: 20px;
  92.     margin-top: 5px;
  93.     margin-left: 30px;
  94. }
  95. .right3_bottom_top5{
  96.     width: 134px;
  97.     height: 150px;
  98.     float: left;
  99.     margin-left: 18px;
  100. }
  101. .right3_bottom_top6{
  102.     width: 134px;
  103.     height: 150px;
  104.     float: left;
  105.     margin-left: 18px;
  106. }
  107. .right3_down{
  108.     width: 495px;
  109.     height: 70px;
  110.     border: 1px solid #DCDCDC;
  111.     margin-left: -1px;
  112.     padding: 0;
  113. }
  114. /*.right3_bottom{
  115.     height: 348px;
  116.     margin-top: 20px;
  117.     border: 1px solid #ff0000;
  118. }
  119. .right3_1{
  120.     width: 134px;
  121.     height: 134px;
  122.     border: 1px solid #ff0000;
  123.     float: left;
  124.     margin-left: 20px;
  125. }
  126. .right3_1 img{
  127.     width: 134px;
  128.     height: 134px;
  129. }
  130. .right3_1_1{
  131.     width: 134px;
  132.     height: 42px;
  133.     border: 1px solid #ff0000;
  134.     float: left;
  135.     margin-left: 20px;
  136. }*/

点击(此处)折叠或打开

  1. #right4{
  2.     width: 495px;
  3.     height: 417px;
  4.     border: 1px solid #dcdcdc;
  5.     float: left;
  6.     margin-top: 15px;
  7.     margin-left: 7px;
  8.     background-color: #FFFFFF;
  9. }
  10. .right4_top{
  11.     height: 45px;
  12.     background-color: #f1f1f1;
  13.     border: 1px solid #DCDCDC;
  14. }
  15. ul li{
  16.     font-size: 12px;
  17.     text-align: center;
  18.     float: left;
  19.     line-height: 45px;
  20.     margin: 0 12px;
  21.     color: #666666;
  22.     /*border-right: 1px solid #B6B6B6;*/
  23. }
  24. .right4_bottom{
  25.     height: 348px;
  26.     border: 1px solid #F2E1EF;
  27.     margin-top: 20px;
  28. }
  29. .right4_bottom1{
  30.     width: 207px;
  31.     height: 305px;
  32.     float: left;
  33.     margin-left: 20px;
  34. }
  35. .right4_bottom2{
  36.     width: 207px;
  37.     height: 305px;
  38.     float: left;
  39.     margin-left: 20px;
  40. }
  41. .right4_bottom1_top{
  42.     width: 205px;
  43.     height: 258px;
  44.     float: left;
  45. }
  46. .right4_bottom1_bottom{
  47.     background-color: #DCDCDC;
  48.     width: 205px;
  49.     height: 30px;
  50.     float: left;
  51.     margin-top: 15px;
  52. }
  53. .right4_bottom2_top{
  54.     width: 205px;
  55.     height: 258px;
  56.     float: left;
  57.     margin-top: 2px;
  58. }
  59. .right4_bottom2_top ul li{
  60.     margin: 0px;
  61.     padding: 0px;
  62.     text-align: left;
  63.     background: url(../img/dian.gif) no-repeat;
  64.     color: #666666;
  65.     font-size: 12px;
  66.     height:34px;
  67.     line-height: 36px;
  68.     padding-left: 10px;
  69.     border-bottom: 1px dashed #A7D66E;
  70. }
  71. .right4_bottom2_bottom{
  72.     width: 205px;
  73.     height: 30px;
  74.     float: left;
  75.     margin-top: 13px;
  76.     background-color: #DCDCDC;
  77. }
  78. .right4_bottom2_bottom a{
  79.     color: #599A00;
  80.     font-weight: bold;
  81. }
  82. .down{
  83.     width: 355px;
  84.     height: 32px;
  85.     margin-top: 312px;
  86. }

点击(此处)折叠或打开

  1. #right5{
  2.     width: 495px;
  3.     height: 272px;
  4.     float: left;
  5.     margin-left: 10px;
  6.     margin-top: 10px;
  7.     border: 1px solid #dcdcdc;
  8.     background-color: #FFFFFF;
  9. }
  10. .right5_top{
  11.     width: 504px;
  12.     height: 45px;
  13.     background-color: #f1f1f1;
  14. }
  15. .right5_bottom{
  16.     height: 225px;
  17. }
  18. .right5_bottom .left1{
  19.     width: 241px;
  20.     height: 187px;
  21.     margin-top: 24px;
  22.     margin-left: 10px;
  23.     float: left;
  24. }
  25. .right5_bottom .left1 .left1_1{
  26.     height: 52px;
  27. }
  28. .right5_bottom .left1 .left1_2{
  29.     height: 52px;
  30.     margin-top: 12px;
  31. }
  32. .right5_bottom .left1 .left1_3{
  33.     height: 52px;
  34.     margin-top: 12px;
  35. }
  36. .right5_bottom .right1{    
  37.     width: 218px;
  38.     height: 187px;
  39.     margin-top: 24px;
  40.     margin-left: 10px;
  41.     float: left;
  42. }
  43. .right5_bottom .right1 .right1_1{
  44.     height: 52px;
  45. }
  46. .right5_bottom .right1 .right1_2{
  47.     height: 52px;
  48.     margin-top: 12px;
  49. }
  50. .right5_bottom .right1 .right1_3{
  51.     height: 52px;
  52.     margin-top: 12px;
  53. }
  54. .image img{
  55.     height: 40px;
  56.     widows: 40px;
  57.     float: left;
  58. }
  59. .liuyan .name p{
  60.     font-size: 14px;
  61.     font-weight: bold;
  62.     float: left;
  63.     color: #94c945;
  64.     margin-left: 12px;
  65. }
  66. .liuyan .neirong p{
  67.     font-size: 12px;
  68. }
  69. dt{
  70.     color: #94c945;
  71.     font-size: 14px;
  72.     font-weight: bold;
  73.     line-height: 26px;
  74. }
  75. dd{
  76.     font-size: 12px;
  77.     color: #666666;
  78.     border-bottom: 1px dashed #a7d76a;
  79. }
css代码（页脚部分）

点击(此处)折叠或打开

  1. #footer{
  2.     width: 1363px;
  3.     height: 278px;
  4.     border-top: 1px solid #B6B6B6;
  5.     float: left;
  6.     margin-top: 10px;
  7.     background: #FFFFFF;
  8. }
  9. #footer .footer_top{
  10.     width: 1002px;
  11.     height: 278px;
  12.     float: left;
  13.     margin-top: 10px;
  14.     margin-left: 180px;
  15. }
  16. #footer .understand{
  17.     width: 94px;
  18.     height: 112px;
  19.     float: left;
  20. }
  21. #footer .understand ul li{
  22.     text-align: center;
  23.     line-height: 28px;    
  24. }
  25. ul li b{
  26.     font-size: 14px;
  27.     font-weight: bold;
  28. }
  29. #footer .user{
  30.     width: 80px;
  31.     height: 112px;
  32.     float: left;
  33.     margin-left: 130px;
  34. }
  35. #footer .user ul li{
  36.     text-align: center;
  37.     line-height: 28px;    
  38. }
  39. #footer .weixin{
  40.     width: 94px;
  41.     height: 112px;
  42.     float: left;    
  43.     margin-left: 135px;
  44. }
  45. #footer .weixin ul li{
  46.     text-align: center;
  47.     line-height: 28px;    
  48. }
  49. #footer .service{
  50.     width: 88px;
  51.     height: 112px;
  52.     float: left;
  53.     margin-left: 135px;
  54. }
  55. #footer .service ul li{
  56.     text-align: center;
  57.     line-height: 28px;    
  58. }
  59. #footer .our{
  60.     width: 101px;
  61.     height: 112px;
  62.     float: left;
  63.     margin-left: 135px;
  64. }
  65. #footer .our ul li{
  66.     text-align: center;
  67.     line-height: 28px;    
  68. }
  69. #footer .footer_center{
  70.     width: 1001px;
  71.     height: 40px;
  72.     float: left;
  73.     border-top: 1px solid #DADADA;
  74.     border-bottom: 2px solid #dadada;
  75. }
  76. #footer .footer_bottom{
  77.     width: 1001px;
  78.     height: 72px;
  79.     float: left;
  80.     margin-top: 15px;
  81.     border-bottom: 1px solid #DADADA;
  82. }
  83. #footer .footer_bottom ul li{
  84.     margin: 0;
  85.     padding: 4px;
  86.     margin-top: -26px;
  87. }
  88. #footer .footer_down{
  89.     width: 1001px;
  90.     height: 29px;
  91.     float: left;
  92.     line-height: 30px;
  93.     text-align: center;
  94.     clear: both;
  95. }
  96. #footer .footer_down span{
  97.     font-size: 12px;
  98.     color: #666666;
  99. }
  100. #footer .footer_down a{
  101.     font-size: 12px;
  102. }
  103. /*#footer ul li{
  104.     text-align: center;
  105.     line-height: 40px;
  106.     float: left;
  107.     padding-left: 10px;
  108.     margin-right: 10px;
  109.     border-left: 1px solid #DCDCDC;
  110.     color: #666666;
  111.     font-size: 13px;
  112. }*/








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

上一篇：HTML-会移动的文字

下一篇：带小图标预览功能车展

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

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

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

16024965号-6