首页 > > 网页制作 > css >

商城底部链接

2018-06-24 01:42:48来源：未知阅读 ()

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title></title>
 6         <style type="text/css">
 7             * {
 8                 margin: 0;
 9                 padding: 0;
10             }
11             .footer {
12                 width: 1210px;
13                 height: 188px;
14                 padding-top: 16px;
15                 margin: 0 auto;
16                 border-bottom: 1px solid #ccc;
17             }
18             .footer dl {
19                 float: left;
20                 width: 200px;
21             }
22             .footer dl dt {
23                 color: #666;
24                 font: 16px/36px "微软雅黑";
25             }
26             .footer dl dd a {
27                 display: block;
28                 text-decoration: none;
29                 color: #666;
30                 font: 12px/20px simsun;
31             }
32         </style>
33     </head>
34     <body>
35         <div class="footer">
36             <dl>
37                 <dt>购物指南</dt>
38                 <dd>
39                     <a href="#">购物流程</a>
40                     <a href="#">会员介绍</a>
41                     <a href="#">生活旅行/团购</a>
42                     <a href="#">常见问题</a>
43                     <a href="#">大家电</a>
44                     <a href="#">联系客服</a>
45                 </dd>
46             </dl>
47             <dl>
48                 <dt>配送方式</dt>
49                 <dd>
50                     <a href="">上门自提</a>
51                     <a href="">211限时达</a>
52                     <a href="">配送服务查询</a>
53                     <a href="">配送费收取标准</a>
54                     <a href="">海外配送</a>
55                 </dd>
56             </dl>
57             <dl>
58                 <dt>支付方式</dt>
59                 <dd>
60                     <a href="">货到付款</a>
61                     <a href="">在线支付</a>
62                     <a href="">分期付款</a>
63                     <a href="">邮局汇款</a>
64                     <a href="">公司转账</a>
65                 </dd>
66             </dl>
67             <dl>
68                 <dt>售后服务</dt>
69                 <dd>
70                     <a href="">售后政策</a>
71                     <a href="">价格保护</a>
72                     <a href="">退款说明</a>
73                     <a href="">返修/退换货</a>
74                     <a href="">取消订单</a>
75                 </dd>
76             </dl>
77             <dl>
78                 <dt>特色服务</dt>
79                 <dd>
80                     <a href="">夺宝岛</a>
81                     <a href="">DIY装机</a>
82                     <a href="">延保服务</a>
83                     <a href="">京东E卡</a>
84                     <a href="">京东通信</a>
85                     <a href="">京东JD+</a>
86                 </dd>
87             </dl>
88         </div>
89     </body>
90 </html>