京东底部

<! DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title></title>

<style type="text/css">
.header{
background-color: #f1f1f1;
margin-top: 480px;
margin-left: 50px;
width: 1200px;
height: 100px;

}

.a{
float: left;
width: 180px;
height: 120px;
margin-left: 60px;
margin-top: 25px;
/*background-color: red;*/

}
.b{
float: left;
width: 180px;
height: 120px;
margin-left: 100px;
margin-top: 25px;
/*background-color: red;*/
}

.c{
float: left;
width: 180px;
height: 120px;
margin-left: 100px;
margin-top: 25px;
/*background-color: red;*/
}
.d{
float: left;
width: 180px;
height: 120px;
margin-left: 100px;
margin-top: 25px;
/*background-color: red;*/
}

.footer{
/*background-color: blue;*/
width: 1150px;
height: 350px;
margin-top: 10px;
margin-left: 130px;
/*margin-bottom: 10px;*/
}

.e {
float: left;
width: 180px;
height: 350px;
margin-left: 10px;
/*background-color: red;*/
}

.f{
float: left;
width: 195px;
height: 170px;
margin-left: 1px;
background: url(china.jpg);

}
.A {
float: left;
margin-left: 120px;
/*background-color: red;*/
}
.DT{
font-size: 18px;
}

</style>
</head>

<bo<div class="header">
<div class="a">
<img src="slogen1.png" alt="无法加载" />
</div>

<div class="b">
<img src="slogen2.png" alt="无法加载" />
</div>

<div class="c">
<img src="slogen3.png" alt="无法加载" />
</div>

<div class="d">
<img src="slogen4.png" alt="无法加载" />
</div>
</div>
<div class="footer">
<div class="e">
<dl>
<dt class="DT">购物指南</dt><br><br>
<dd>
<a href="#">购物流程</a><br><br>
<a href="#">会员介绍</a><br><br>
<a href="#">生活旅行/团购</a><br><br>
<a href="#">常见问题</a><br><br>
<a href="#">大家电</a><br><br>
<a href="#">联系客服</a>
</dd>
</dl>
</div>

<div class="e">
<dl>
<dt class="DT">配送方式</dt><br><br>
<dd>
<a href="#">上门自提</a><br><br>
<a href="#">211限时送</a><br><br>
<a href="#">配送服务查询</a><br><br>
<a href="#">配送费收取标准</a><br><br>
<a href="#">海外配送</a>
</dd>
</dl>
</div>

<div class="e">
<dl>
<dt class="DT">支付方式</dt><br><br>
<dd>
<a href="#">货到付款</a><br><br>
<a href="#">在线支付</a><br><br>
<a href="#">分期付款</a><br><br>
<a href="#">邮局汇款</a><br><br>
<a href="#">公司转账</a>
</dd>
</dl>
</div>

<div class="e">
<dl>
<dt class="DT">售后服务</dt><br><br>
<dd>
<a href="#">售后政策</a><br><br>
<a href="#">价格保护</a><br><br>
<a href="#">退款说明</a><br><br>
<a href="#">返修/退换货</a><br><br>
<a href="#">取消订单</a>
</dd>
</dl>
</div>

<div class="e">
<dl>
<dt class="DT">特色服务</dt><br><br>
<dd>
<a href="#">夺宝岛</a><br><br>
<a href="#">DIY装机</a><br><br>
<a href="#">延保服务</a><br><br>
<a href="#">京东E卡</a><br><br>
<a href="#">京东通信</a><br><br>
<a href="#">京东JD+</a>
</dd>
</dl>
</div>

<div class="f">
<h1 class="DT">京东自营覆盖区县</h1>
<br>
<span>京东已向全国2654个区县提供自营配送服务,支持货到付款、POS机刷卡和售后上门服务。</span>
<br><br><br>
<a href="#" class="A">查看详情</a>
</div>

</div>

</body>
</html>

时间: 2024-08-26 06:29:33

京东底部的相关文章

商城项目实战 | 1.1 Android 仿京东商城底部布局的选择效果 —— Selector 选择器的实现

前言 本文为菜鸟窝作者刘婷的连载."商城项目实战"系列来聊聊仿"京东淘宝的购物商城"如何实现. 京东商城的底部布局的选择效果看上去很复杂,其实很简单,这主要是要感谢 selector 选择器,本文将讲解仿照京东商城的底部布局的选择效果,如何实现 selector 选择器,在不同的状态下,给 view 设置不同的背景.京东商城底部布局的选择效果如下. View主要的几种状态 主要状态有8种,设置状态的代码以及相应的含义如下. 1 1. android:state_pr

仿京东首页商品分类底部色标随鼠标移动特效

原文:仿京东首页商品分类底部色标随鼠标移动特效 今天扒皮下京东商品展示区的一个特效: 大家可以自行去京东看下特效,下面是这个特效的动态图(这次聪明的我懂得给图加水印了) 理下思路,每个分类选项卡宽度一致,且有一条灰色底边,然后默认有一条红色的色标让它漂浮在首个选项卡上面(其中的小三角形可以自己做个图),默认首个选项卡的文本(像上图是"AAA")为红色,其它选项卡的为灰色.默认除第一个选项卡对应的下方的内容DIV显示外,其它选项卡对应的内容DIV隐藏: 鼠标移到某个选项卡则改变该选项卡字

浅谈android中仅仅使用一个TextView实现高仿京东,淘宝各种倒计时

今天给大家带来的是仅仅使用一个TextView实现一个高仿京东.淘宝.唯品会等各种电商APP的活动倒计时.最近公司一直加班也没来得及时间去整理,今天难得休息想把这个分享给大家,只求共同学习,以及自己后续的复习.为什么会想到使用一个TextView来实现呢?因为最近公司在做一些优化的工作,其中就有一个倒计时样式,原来开发的这个控件的同事使用了多个TextView拼接在一起的,实现的代码冗余比较大,故此项目经理就说:小宏这个就交给你来优化了,并且还要保证有一定的扩展性,当时就懵逼了.不知道从何处开始

Java web(html/js/jq/css/京东项目)京东网页高仿

登录部分HTML+CSS: <!DOCTYPE html><html>    <head>        <meta charset="UTF-8">        <title>京东-欢迎登录</title>        <link rel="shortcut icon" href="favicon.ico"/>         <style type=

使用PhoneGap搭建一个山寨京东APP

为什么要写一个App 首先解释下写出来的这个App,其实无任何功能,只是用HTML和CSS模仿JD移动端界面写的一个适配移动端的Web界面.本篇主要内容是介绍如何使用PhoneGap把开发出来的mobile web app快速打包成Native App.最近还在学习HTML&CSS以及Javascript,偶然想想学这些有什么用,一方面可以做Web系统的前端开发,另一方面也可以做移动端的Web App.刚好最近了解到PhoneGap,研究了一下它的框架平台,花了两个晚上终于把一个web系统变成了

电商客户端竞品分析-手机淘宝、京东、唯品会、聚美优品

市场状况 艾瑞最新统计数据显示,2013年移动网购整体交易规模1676.4亿元,同比增幅高达165.4%,而同期PC端网购规模将近16000多亿元,同比增速35.7%.预计2017年市场规模将近万亿,增速39.4%. 图1 2011-2017年中国移动购物市场交易规模 2013年中国移动网购渗透率9.1%,同比去年增长超过四个百分点.预计到2017年移动购物渗透率达到24.1%. 图2 2011-2017年中国网购交易额PC端和移动端占比 2013年移动网购企业份额中,手机淘宝占比76.1%,京

【分享】后盾网原创视频,仿京东商城(基于HDPHP框架开发,适合提高)视频教程(PHP实战)

下载地址 链接:http://pan.baidu.com/disk/home#list/path=/ 用户[email protected] 密码:redbaidu 如需要全部课程请扫描下面二维码或者关注微信公众号 redbaidu 课时:32课时 知识点:织梦(DEDECMS)万能仿站课程,从零开始,详细.系统的讲解了整套织梦万能仿站技术,内容涵盖了理论讲解.实践演示.实战操作等方面.本套教程包含两个实战案例,讲解通俗易懂,深入浅出,适合各层次水平的学员学习.目前网站建设行业,一个普通的企业站

京东运营 不错的帖子

原帖 http://lusongsong.com/info/post/427.html?from=timeline&isappinstalled=0 今天不谈优化标题,先说下如何让小二认识你. 京东运营职责 做京东运营以来,经常会碰到抱怨的商家.抱怨的原因不外乎是没销量丶没活动丶规则没人性等等.最常用来安慰他们的一句话是“在这个圈子内,就要遵循这个圈子的规则.”为什么同样的产品与价位,其他品牌就可以享有更多的资源?除了运气,更重要的是遵循了圈子内的规则.所以个人觉得,做京东运营的职责只有一个,就

微信小程序相关一、模仿京东静态登录页面

一.培训的第一天,基本上没有什么最新的东西,但是看到老师的代码收获的确实是不少. 1.1.首页代码很简洁,将共有的样式都提取的很好. 1.2.其次是每一个小块写样式的时候用到了好多子代选择器和后代选择器,这样看起来css的一个样式就写的很长,但是比之前我们只是单一的写一个样式,大大提高了IO请求,整体css渲染也变快了.因为当渲染css的时候是从右向左的,就是先确定后代,在往上寻找祖辈,直到找到相对应的样式.dom树从叶子节点往上全部扫描一遍,可想而知只写一个单一的样式,效率是多么的低. 1.3