码迷,mamicode.com
首页 > 其他好文 > 详细

梅兰商贸

时间:2017-11-03 14:18:15      阅读:124      评论:0      收藏:0      [点我收藏+]

标签:lis   奔驰   加盟   size   tom   联系   out   arc   char   

 梅兰商贸首页

  1 <!DOCTYPE html>
  2 <html lang="en">
  3 <head>
  4     <meta charset="UTF-8">
  5     <title>Document</title>
  6     <link rel="stylesheet" type="text/css" href="梅兰css.css">
  7 </head>
  8 <body>
  9 <!-- 顶部导航 -->
 10     <div class="top-nav">
 11         <div class="t-n-con">
 12             <div class="l-t-con fl">你好,欢迎来到建材网</div>
 13             <div class="r-t-con fr">
 14                 <ul>
 15                     <li><a href="#">网站导航</a></li>
 16                     <li><a href="#">客服中心</a></li>
 17                     <li><a href="#">我的收藏</a></li>
 18                     <li><a href="#">建材服务</a></li>
 19                     <li><a href="#">我的商务室</a></li>
 20                     <li><a href="#">素材网首页</a></li>
 21                 </ul>
 22             </div>
 23         </div>
 24     </div>
 25 <!-- logo搜索 -->
 26     <div class="search">
 27         <div class="logo fl"><img src="1.png" alt=""></div>
 28         <div class="r-search fr">
 29             <input type="text" value="请输入关键字">
 30             <input type="button" >
 31         </div>
 32     </div>
 33 <!-- 主导航 -->
 34     <div class="nav">
 35         <ul>
 36             <li><a href="#">首页</a></li>
 37             <li><a href="#">建筑材料</a></li>
 38             <li><a href="#">儿童安全座椅</a></li>
 39             <li><a href="#">工艺美术品</a></li>
 40         </ul>
 41     </div>
 42 <!-- 商机市场 -->
 43     <!-- 商机市场左盒子 -->
 44         <div class="mar">
 45             <div class="mar-left fl">
 46                 <div class="mar-title">商机市场</div>
 47                 <div class="mar-list">
 48                     <ul>
 49                         <li class="icon1"><a href="#">建筑材料</a></li>
 50                         <li class="icon2"><a href="#">儿童安全座椅</a></li>
 51                         <li class="icon3"><a href="#">工艺美术品</a></li>
 52                         <li class="icon4"><a href="#">建筑材料</a></li>
 53                         <li class="icon5"><a href="#">儿童安全座椅</a></li>
 54                         <li class="icon6"><a href="#">工艺美术品</a></li>
 55                     </ul>
 56                 </div>
 57             </div>
 58     <!-- 商机市场中间盒子 -->        
 59         <div class="mar-cen fl"><img src="center.png" alt=""></div>
 60     <!-- 商机市场右盒子 -->
 61         <div class="mar-right fr">
 62             <img src="center-r.png" alt="">
 63             <img src="center-r2.png" alt="">
 64         </div>
 65     </div>
 66 <!-- 建筑材料 -->
 67     <div class="bud">建筑材料</div>
 68 <!-- 建筑材料列表 -->
 69     <div class="pro">
 70     <!-- 左边大盒子 -->
 71         <div class="pro-left fl">
 72     <!-- 做边大盒子上部分 -->
 73             <div class="pro-left-t">
 74                 <div class="pro-pic-l fl">
 75                     <div class="pro-pic-ll fl">
 76                         <div class="pro-pic-llt"><img src="c1.png" alt=""></div>
 77                         <div class="pro-pic-btn"><input type="button"></div>
 78                     </div>
 79                     <div class="pro-pic-lr fr">
 80                         <p class="txt1">好太太晾衣架 铝钛合金 升降双杆</p>
 81                         <p class="txt2">自动换挡 安全耐用 <br>稳定性好 抗氧化强</p>
 82                         <p class="txt3"><span>239.00</span> <del>¥386.00</del></p>
 83                         <p class="txt4">限量<span>99</span>件已售出<span>20</span></p>
 84                     </div>
 85                 </div>
 86                 <div class="pro-pic-l fr">
 87                     <div class="pro-pic-ll fl">
 88                         <div class="pro-pic-llt"><img src="c1.png" alt=""></div>
 89                         <div class="pro-pic-btn"><input type="button"></div>
 90                     </div>
 91                     <div class="pro-pic-lr fr">
 92                         <p class="txt1">好太太晾衣架 铝钛合金 升降双杆</p>
 93                         <p class="txt2">自动换挡 安全耐用 <br>稳定性好 抗氧化强</p>
 94                         <p class="txt3"><span>239.00</span> <del>¥386.00</del></p>
 95                         <p class="txt4">限量<span>99</span>件已售出<span>20</span></p>
 96                     </div>
 97                 </div>
 98             </div>
 99     <!-- 左边大盒子中线 -->
100             <div class="pro-line"></div>
101             <div class="pro-left-b">
102                 
103             </div>
104     <!-- 做边大盒子下部分 -->
105             <div class="pro-left-t">
106                 <div class="pro-pic-l fl">
107                     <div class="pro-pic-ll fl">
108                         <div class="pro-pic-llt"><img src="c1.png" alt=""></div>
109                         <div class="pro-pic-btn"><input type="button"></div>
110                     </div>
111                     <div class="pro-pic-lr fr">
112                         <p class="txt1">好太太晾衣架 铝钛合金 升降双杆</p>
113                         <p class="txt2">自动换挡 安全耐用 <br>稳定性好 抗氧化强</p>
114                         <p class="txt3"><span>239.00</span> <del>¥386.00</del></p>
115                         <p class="txt4">限量<span>99</span>件已售出<span>20</span></p>
116                     </div>
117                 </div>
118                 <div class="pro-pic-l fr">
119                     <div class="pro-pic-ll fl">
120                         <div class="pro-pic-llt"><img src="c1.png" alt=""></div>
121                         <div class="pro-pic-btn"><input type="button"></div>
122                     </div>
123                     <div class="pro-pic-lr fr">
124                         <p class="txt1">好太太晾衣架 铝钛合金 升降双杆</p>
125                         <p class="txt2">自动换挡 安全耐用 <br>稳定性好 抗氧化强</p>
126                         <p class="txt3"><span>239.00</span> <del>¥386.00</del></p>
127                         <p class="txt4">限量<span>99</span>件已售出<span>20</span></p>
128                     </div>
129                 </div>
130             </div>
131         </div>
132     <!-- 右边大盒子 -->
133         <div class="pro-right fr">
134             <div class="pro-right-title">建材资讯</div>
135             <ul>
136                 <li><a href="#">贵阳钢铁市场7月17日价格行情</a></li>
137                 <li><a href="#">贵阳钢铁市场7月17日价格行情</a></li>
138                 <li><a href="#">贵阳钢铁市场7月17日价格行情</a></li>
139                 <li><a href="#">贵阳钢铁市场7月17日价格行情</a></li>
140                 <li><a href="#">贵阳钢铁市场7月17日价格行情</a></li>
141                 <li><a href="#">贵阳钢铁市场7月17日价格行情</a></li>
142                 <li><a href="#">贵阳钢铁市场7月17日价格行情</a></li>
143                 <li><a href="#">贵阳钢铁市场7月17日价格行情</a></li>
144                 <li><a href="#">贵阳钢铁市场7月17日价格行情</a></li>
145                 <li><a href="#">贵阳钢铁市场7月17日价格行情</a></li>
146                 <li><a href="#">贵阳钢铁市场7月17日价格行情</a></li>
147                 <li><a href="#">贵阳钢铁市场7月17日价格行情</a></li>
148             </ul>
149         </div>
150     </div>
151 <!-- 儿童安全座椅 -->
152     <div class="bud">儿童安全座椅</div>
153     <div class="child">
154         <div class="child-left fl">
155     <!-- 儿童安全座椅左边的上边盒子 -->
156             <div class="child-l-t">
157             <h3>详情请点击>></h3>
158             </div>
159     <!-- 儿童安全座椅左边的下边盒子 -->
160             <div class="child-l-b">
161                 <div class="child-pic fl">
162                     <img src="et01.png" alt="">
163                     <p class="et1">英国百代适-至尊者(带<br>ISOFIX)奔驰宝马专用</p>
164                     <p class="et2">适合年龄9个月-4岁</p>
165                     <p class="et3">市场价:<del>¥5580</del></p>
166                     <p class="et4">直销价: <span>¥3380</span></p>
167                 </div>
168                 <div class="child-pic fl">
169                     <img src="et01.png" alt="">
170                     <p class="et1">英国百代适-至尊者(带<br>ISOFIX)奔驰宝马专用</p>
171                     <p class="et2">适合年龄9个月-4岁</p>
172                     <p class="et3">市场价:<del>¥5580</del></p>
173                     <p class="et4">直销价: <span>¥3380</span></p>
174                 </div>
175                 <div class="child-pic fl">
176                     <img src="et01.png" alt="">
177                     <p class="et1">英国百代适-至尊者(带<br>ISOFIX)奔驰宝马专用</p>
178                     <p class="et2">适合年龄9个月-4岁</p>
179                     <p class="et3">市场价:<del>¥5580</del></p>
180                     <p class="et4">直销价: <span>¥3380</span></p>
181                 </div>
182                 <div class="child-pic fl">
183                     <img src="et01.png" alt="">
184                     <p class="et1">英国百代适-至尊者(带<br>ISOFIX)奔驰宝马专用</p>
185                     <p class="et2">适合年龄9个月-4岁</p>
186                     <p class="et3">市场价:<del>¥5580</del></p>
187                     <p class="et4">直销价: <span>¥3380</span></p>
188                 </div>
189             </div>
190         </div>
191         <div class="child-right fr">
192             <img src="et_right.png" alt="">
193             <img src="et_right_bottom.png" alt="">
194         </div>
195     </div>
196 <!-- 工艺艺术品 -->
197     <div class="bud">工艺艺术品</div>
198     <!-- 建筑材料列表 -->
199     <div class="pro">
200     <!-- 左边大盒子 -->
201         <div class="pro-left fl">
202     <!-- 做边大盒子上部分 -->
203             <div class="pro-left-t">
204                 <div class="pro-pic-l fl">
205                     <div class="pro-pic-ll fl">
206                         <div class="pro-pic-llt"><img src="c1.png" alt=""></div>
207                         <div class="pro-pic-btn"><input type="button"></div>
208                     </div>
209                     <div class="pro-pic-lr fr">
210                         <p class="txt1">好太太晾衣架 铝钛合金 升降双杆</p>
211                         <p class="txt2">自动换挡 安全耐用 <br>稳定性好 抗氧化强</p>
212                         <p class="txt3"><span>239.00</span> <del>¥386.00</del></p>
213                         <p class="txt4">限量<span>99</span>件已售出<span>20</span></p>
214                     </div>
215                 </div>
216                 <div class="pro-pic-l fr">
217                     <div class="pro-pic-ll fl">
218                         <div class="pro-pic-llt"><img src="c1.png" alt=""></div>
219                         <div class="pro-pic-btn"><input type="button"></div>
220                     </div>
221                     <div class="pro-pic-lr fr">
222                         <p class="txt1">好太太晾衣架 铝钛合金 升降双杆</p>
223                         <p class="txt2">自动换挡 安全耐用 <br>稳定性好 抗氧化强</p>
224                         <p class="txt3"><span>239.00</span> <del>¥386.00</del></p>
225                         <p class="txt4">限量<span>99</span>件已售出<span>20</span></p>
226                     </div>
227                 </div>
228             </div>
229     <!-- 左边大盒子中线 -->
230             <div class="pro-line"></div>
231             <div class="pro-left-b">
232                 
233             </div>
234     <!-- 做边大盒子下部分 -->
235             <div class="pro-left-t">
236                 <div class="pro-pic-l fl">
237                     <div class="pro-pic-ll fl">
238                         <div class="pro-pic-llt"><img src="c1.png" alt=""></div>
239                         <div class="pro-pic-btn"><input type="button"></div>
240                     </div>
241                     <div class="pro-pic-lr fr">
242                         <p class="txt1">好太太晾衣架 铝钛合金 升降双杆</p>
243                         <p class="txt2">自动换挡 安全耐用 <br>稳定性好 抗氧化强</p>
244                         <p class="txt3"><span>239.00</span> <del>¥386.00</del></p>
245                         <p class="txt4">限量<span>99</span>件已售出<span>20</span></p>
246                     </div>
247                 </div>
248                 <div class="pro-pic-l fr">
249                     <div class="pro-pic-ll fl">
250                         <div class="pro-pic-llt"><img src="c1.png" alt=""></div>
251                         <div class="pro-pic-btn"><input type="button"></div>
252                     </div>
253                     <div class="pro-pic-lr fr">
254                         <p class="txt1">好太太晾衣架 铝钛合金 升降双杆</p>
255                         <p class="txt2">自动换挡 安全耐用 <br>稳定性好 抗氧化强</p>
256                         <p class="txt3"><span>239.00</span> <del>¥386.00</del></p>
257                         <p class="txt4">限量<span>99</span>件已售出<span>20</span></p>
258                     </div>
259                 </div>
260             </div>
261         </div>
262     <!-- 右边大盒子 -->
263         <div class="pro-right fr">
264             <div class="pro-right-title">建材商社</div>
265             <ul>
266                 <li class="subtitle"><img src="subtitle.png" alt="">
267                 <p>在装灯具时,如果装上分开关,可以省去很多烦恼,因为如果只有一个总开关</p></li>
268                 <li><a href="#">贵阳钢铁市场7月17日价格行情</a></li>
269                 <li><a href="#">贵阳钢铁市场7月17日价格行情</a></li>
270                 <li><a href="#">贵阳钢铁市场7月17日价格行情</a></li>
271                 <li><a href="#">贵阳钢铁市场7月17日价格行情</a></li>
272                 <li><a href="#">贵阳钢铁市场7月17日价格行情</a></li>
273                 <li><a href="#">贵阳钢铁市场7月17日价格行情</a></li>
274                 <li><a href="#">贵阳钢铁市场7月17日价格行情</a></li>
275                 <li><a href="#">贵阳钢铁市场7月17日价格行情</a></li>
276             </ul>
277         </div>
278     </div>
279 <!-- 友情链接 -->
280     <div class="friendlink">
281         <div class="frlink">友情链接:</div>
282         <ul>
283             <li><a href="#">爱加盟网</a></li>
284             <li><a href="#">爱加盟网</a></li>
285             <li><a href="#">爱加盟网</a></li>
286             <li><a href="#">爱加盟网</a></li>
287             <li><a href="#">爱加盟网</a></li>
288             <li><a href="#">爱加盟网</a></li>
289             <li><a href="#">爱加盟网</a></li>
290             <li><a href="#">爱加盟网</a></li>
291             <li><a href="#">爱加盟网</a></li>
292             <li><a href="#">爱加盟网</a></li>
293             <li><a href="#">爱加盟网</a></li>
294             <li><a href="#">爱加盟网</a></li>
295             <li><a href="#">爱加盟网</a></li>
296             <li><a href="#">爱加盟网</a></li>
297             <li><a href="#">爱加盟网</a></li>
298             <li><a href="#">爱加盟网</a></li>
299             <li><a href="#">爱加盟网</a></li>
300             <li><a href="#">爱加盟网</a></li>
301             <li><a href="#">爱加盟网</a></li>
302             <li><a href="#">爱加盟网</a></li>
303             <li><a href="#">爱加盟网</a></li>
304             <li><a href="#">爱加盟网</a></li>
305             <li><a href="#">爱加盟网</a></li>
306             <li><a href="#">爱加盟网</a></li>
307             <li><a href="#">爱加盟网</a></li>
308             <li><a href="#">爱加盟网</a></li>
309             <li><a href="#">爱加盟网</a></li>
310             <li><a href="#">爱加盟网</a></li>
311         </ul>
312     </div>
313 <!-- 关于我们 -->
314     <div class="copyright">
315         <ul>
316             <li><a href="#">关于我们</a></li>
317             <li><a href="#">关于我们</a></li>
318             <li><a href="#">关于我们</a></li>
319             <li><a href="#">关于我们</a></li>
320             <li><a href="#">关于我们</a></li>
321             <li><a href="#">关于我们</a></li>
322             <li><a href="#">关于我们</a></li>
323             <li><a href="#">关于我们</a></li>
324             <li><a href="#">关于我们</a></li>
325             <li><a href="#">关于我们</a></li>
326         </ul>
327         <p>中国建网 版权所有 2000-20012 服务热线:0571-98899898 请与我们联系:server@163.com</p>
328         <p class="copy">建材网会员互动群:12312313213本网实名:中建网</p>
329     </div>
330 </body>
331 </html>
  1 /*初始化*/
  2     body,div,p,ul,li{
  3         margin: 0;
  4         padding: 0;
  5         font: 12px 宋体;
  6     }
  7     img,input{
  8         border: 0 none;
  9     }
 10     input{
 11         outline-style: none;
 12     }
 13     a{
 14         color: #000;
 15         text-decoration: none;
 16     }
 17     ul,li{
 18         list-style: none;
 19     }
 20     .fl{
 21         float: left;
 22     }
 23     .fr{
 24         float: right;
 25     }
 26 /*顶部导航*/
 27     .top-nav{
 28         height: 26px;
 29         border-top: 1px solid #D8D8D8;
 30         border-bottom: 1px solid #D8D8D8;
 31         background: #F7F7F7;
 32     }
 33     .t-n-con,.search{
 34         width: 970px;
 35         margin: 0 auto;
 36     }
 37     .l-t-con,.r-t-con li{
 38         height: 26px;
 39         line-height: 26px;
 40     }
 41     .r-t-con li{
 42         float: left;
 43         background: url("sj.png") no-repeat right;
 44     }
 45     .r-t-con li a{
 46         display: inline-block;
 47         height: 26px;
 48         padding: 0 10px;
 49     }
 50 /*logo搜索*/
 51     .search{
 52         margin-top: 12px;
 53         height: 84px;
 54     }
 55     .logo{
 56         width: 200px;
 57         height: 84px;
 58     }
 59     .r-search{
 60         width: 528px;
 61         height: 40px;
 62         border: 1px solid #C9C9C9;
 63         background: #F5F5F5;
 64         margin-top: 30px;
 65     }
 66     .r-search input[type="text"]{
 67         width: 419px;
 68         height: 28px;
 69         border: 1px solid #A6A6A6;
 70         float: left;
 71         margin: 5px 0 0 4px;
 72     }
 73     .r-search input[type="button"]{
 74         width: 99px;
 75         height: 32px;
 76         background: url("serch.png");
 77         float: left;
 78         margin-top: 5px;
 79     }
 80 /*主导航*/
 81     .nav{
 82         width: 970px;
 83         height: 25px;
 84         margin: 10px auto;
 85         border-bottom: 2px solid #0266A3;
 86     }
 87     .nav ul li{
 88         float: left;
 89     }
 90     .nav li a{
 91         display: inline-block;
 92         height: 25px;
 93         line-height: 25px;
 94         padding:0 15px;
 95         color: #0266A3;
 96     }
 97     .nav li a:hover{
 98         background: #0266A3;
 99         color: #fff;
100     }
101 /*商机市场*/
102     /*商机市场左盒子*/
103         .mar{
104             width: 970px;
105             height: 210px;
106             margin: 0 auto;
107         }
108         .mar-left{
109             height: 210px;
110             width: 200px;
111             background: #EBF0F6;
112         }
113         .mar-title{
114             height: 30px;
115             background: #0266A3;
116             line-height: 30px;
117             color: #fff;
118             padding-left: 20px;
119         }
120         .mar-list{
121             margin-top: 5px;
122         }
123         .mar-list li{
124             height: 28px;
125             line-height: 28px;
126             padding-left: 39px;
127 
128         }
129         .mar-list li.icon1{
130             background: url("icon_1.png") no-repeat 9px;
131         }.mar-list li.icon2{
132             background: url("icon_2.png") no-repeat 9px;
133         }.mar-list li.icon3{
134             background: url("icon_3.png") no-repeat 9px;
135         }.mar-list li.icon4{
136             background: url("icon_4.png") no-repeat 9px;
137         }.mar-list li.icon5{
138             background: url("icon_5.png") no-repeat 9px;
139         }.mar-list li.icon6{
140             background: url("icon_6.png") no-repeat 9px;
141         }
142     /*商机市场右盒子*/    
143         .mar-right{
144             width: 234px;
145             height: 210px;
146         }
147         .mar-right img[src="center-r.png"]{
148             margin-bottom: 21px;
149             border-right: 1px solid #E0E6F0; 
150         }
151 
152 /*建筑材料*/
153     .bud{
154         height: 34px;
155         width: 948px;
156         margin: 14px auto 11px;
157         background: #ECF1F7;
158         border-top: 2px solid #C3D7E4;
159         font: 14px;
160         font-weight: 700;
161         line-height: 34px;
162         padding-left: 22px;
163     }
164 
165 
166 /*建筑材料列表*/
167     .pro{
168         width: 970px;
169         height: 344px;
170         margin: 0 auto;
171     }
172     .pro-left{
173         width: 727px;
174         height: 344px;
175         border: 1px solid #D8D8D8;
176     }
177     .pro-right{
178         width: 228px;
179         height: 344px;
180         border: 1px solid #D8D8D8;
181     }
182     .pro-left-t{
183         width: 656px;
184         height: 142px;
185         margin: 15px 0px 14px 26px;
186     }
187     .pro-pic-l{
188         width: 318px;
189         height: 142px;
190     }
191     .pro-pic-r{
192         
193     }
194     .pro-pic-ll{
195         height: 142px;
196         width: 97px;
197     }
198     .pro-pic-llt{
199         width: 97px;
200         height: 100px;
201         text-align: center;
202         border: 1px solid #CACACA;
203     }
204     .pro-pic-llt img{
205         margin-top: 18px;
206     }
207     .pro-pic-btn input{
208         width: 98px;
209         height: 26px;
210         background: url("buy.png");
211         margin-top: 15px;
212     }
213     .pro-pic-lr p{
214         margin-left: 10px;
215         font-size: 14px;
216     }
217     .pro-pic-lr p.txt1{
218         height: 28px;
219         margin-top: 10px;
220     }
221     .pro-pic-lr p.txt2{
222         height: 49px;
223     }
224     .pro-pic-lr p.txt3{
225         height: 38px;
226     }
227     .pro-pic-lr p span{
228         color: #ff0000;
229         font-weight: 700;
230     }
231     .pro-pic-lr p del{
232         font-size: 12px;
233     }
234     .pro-line{
235         border-top: 1px solid #eee;
236         margin: 0 5px;
237     }
238 
239 /*建材资讯*/
240     .pro-right-title{
241         height: 28px;
242         padding-left: 15px;
243         background: #FBFBFB;
244         border-bottom: 1px solid #E0E6F0;
245         line-height: 28px;
246     }
247     .pro-right ul{
248         margin-top: 17px;
249     }
250     .pro-right ul li{
251         padding-left: 25px;
252         height: 24px;
253         background: url("li_bg.png") no-repeat 10px 6px;
254     }
255     .pro-right ul li a:hover{
256         color: #ff0000;
257         text-decoration: underline;
258     }
259 
260 /*儿童安全座椅*/
261     .child{
262         width: 970px;
263         height: 326px;
264         margin: 0 auto;
265         margin-bottom: 28px;
266     }
267     .child-left{
268         width: 724px;
269         height: 326px;
270     }
271     .child-l-t{
272         height: 23px;
273         background: url("et.png") no-repeat;
274         border-bottom: 2px solid #00B0E7;
275     }
276     .child-l-t h3{
277         width: 100px;
278         font-size: 14px;
279         color: #00B0E7;
280         font-weight: 700;
281         line-height: 23px;
282         margin-left: auto;
283         text-align: right;
284     }
285     .child-l-b{
286         width: 722px;
287         height: 301px;
288         border: 1px solid #CACACA;
289     }
290     .child-pic{
291         width: 164px;
292         text-align: center;
293         margin: 5px 0 0 13px;
294     }
295     .child-pic p.et1{
296         height: 43px;
297         margin-top: 9px;
298     }
299     .child-pic p.et2,p.et3{
300         color: #999;
301         height: 24px;
302     }
303     .child-pic p.et3 del,.child-pic p.et4 span{
304         color: #990000;
305     }
306     .child-right{
307         width: 218px;
308         height: 326px;
309     } 
310     .child-right img[src="et_right.png"]{
311         border: 1px solid #CBCBCB;
312         margin-bottom:20px;
313     }
314 /*工艺艺术品*/
315     .pro-right li.subtitle{
316         height: 75px;
317         background: none;
318         padding-left: 10px;
319         padding-right: 10px;
320         color: #777;
321         margin-bottom: 24px;
322 
323     }
324     .pro-right li.subtitle  img{
325         float: left;
326         margin-right: 5px;
327     }
328 
329 /*友情链接*/
330     .friendlink{
331         width: 970px;
332         height: 102px;
333         border-top: 1px solid #DDD;
334         border-bottom: 3px solid #0A7EC3;    
335         margin: 10px auto 0;
336     }
337     .friendlink .frlink{
338         height: 38px;
339     }
340     .friendlink .frlink,.friendlink li{
341         float: left;
342     }
343     .friendlink .frlink,.friendlink ul{
344         margin-top: 30px;
345     }
346     .friendlink li{
347         margin-bottom: 14px;
348         padding: 0 4px;
349     }
350     .friendlink li a:hover{
351         color: #ff0000;
352         text-decoration: underline;
353     }
354 /*关于我们*/
355     .copyright{
356         height: 91px;
357     }
358     .copyright ul{
359         width: 700px;
360         height: 14px;
361         margin: 15px auto 13px;
362     }
363     .copyright ul li{
364         height: 14px;
365         float: left;
366         padding: 0 10px;
367         background: url("footer_bg.png") no-repeat right;
368     }
369     .copyright p{
370         text-align: center;
371     }
372     .copyright p.copy{
373         margin-top:13px;
374         height: 24px;
375     }

技术分享技术分享技术分享

梅兰商贸

标签:lis   奔驰   加盟   size   tom   联系   out   arc   char   

原文地址:http://www.cnblogs.com/liuyang-ly/p/7777772.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!