Question

谁能给我一个网页底部的源码啊？类似这样的。div+css的 谢谢

我要自己写的，不是模仿的，简单的就可以。

Answer 1

<div><dl class="fore1" clstag="homepage|keycount|home2012|33a" style="margin: 0px; padding: 0px; float: left; width: 192px; color: rgb(51, 51, 51); font-family: Arial, Verdana, 宋体; font-size: 12px; line-height: 18px;"><dt style="margin: 0px; padding: 6px 0px 6px 44px; position: relative; font-size: 14px; line-height: normal; font-family: 'microsoft yahei'; zoom: 1;"><strong style="margin: 0px; padding: 0px;">购物指南</strong></dt><dd style="margin: 0px 0px 0px 20px; padding: 0px 0px 0px 24px; background-image: url(http://misc.360buyimg.com/lib/skin/2012/i/20120112B.png); min-height: 120px; line-height: 20px; background-position: -230px -177px; background-repeat: no-repeat no-repeat;"><div style="margin: 0px; padding: 0px;"><a href="http://help.360buy.com/help/question-56.html" target="_blank" rel="nofollow" style="margin: 0px; padding: 0px; color: rgb(51, 51, 51); text-decoration: none;">购物流程</a></div><div style="margin: 0px; padding: 0px;"><a href="http://help.360buy.com/help/question-57.html" target="_blank" rel="nofollow" style="margin: 0px; padding: 0px; color: rgb(51, 51, 51); text-decoration: none;">会员介绍</a></div><div style="margin: 0px; padding: 0px;"><a href="http://help.360buy.com/help/question-181.html" target="_blank" rel="nofollow" style="margin: 0px; padding: 0px; color: rgb(51, 51, 51); text-decoration: none;">团购/机票</a></div><div style="margin: 0px; padding: 0px;"><a href="http://help.360buy.com/help/question-61.html" target="_blank" rel="nofollow" style="margin: 0px; padding: 0px; color: rgb(51, 51, 51); text-decoration: none;">常见问题</a></div><div style="margin: 0px; padding: 0px;"><a href="http://help.360buy.com/help/question-63.html" target="_blank" rel="nofollow" style="margin: 0px; padding: 0px; color: rgb(51, 51, 51); text-decoration: none;">大家电</a></div><div style="margin: 0px; padding: 0px;"><a href="http://help.360buy.com/help/question-62.html" target="_blank" rel="nofollow" style="margin: 0px; padding: 0px; color: rgb(51, 51, 51); text-decoration: none;">联系客服</a></div></dd></dl><dl class="fore2" clstag="homepage|keycount|home2012|33b" style="margin: 0px; padding: 0px; float: left; width: 192px; color: rgb(51, 51, 51); font-family: Arial, Verdana, 宋体; font-size: 12px; line-height: 18px;"><dt style="margin: 0px; padding: 6px 0px 6px 44px; position: relative; font-size: 14px; line-height: normal; font-family: 'microsoft yahei'; zoom: 1;"><b style="margin: 0px; padding: 0px; background-image: url(http://misc.360buyimg.com/lib/skin/2012/i/20120112B.png); position: absolute; top: 0px; left: 6px; width: 28px; height: 28px; background-position: -30px -176px; background-repeat: no-repeat no-repeat;"></b><strong style="margin: 0px; padding: 0px;">配送方式</strong></dt><dd style="margin: 0px 0px 0px 20px; padding: 0px 0px 0px 24px; background-image: url(http://misc.360buyimg.com/lib/skin/2012/i/20120112B.png); min-height: 120px; line-height: 20px; background-position: -230px -177px; background-repeat: no-repeat no-repeat;"><div style="margin: 0px; padding: 0px;"><a href="http://help.360buy.com/help/question-64.html" target="_blank" rel="nofollow" style="margin: 0px; padding: 0px; color: rgb(51, 51, 51); text-decoration: none;">上门自提</a></div><div style="margin: 0px; padding: 0px;"><a href="http://help.360buy.com/help/question-360.html" target="_blank" rel="nofollow" style="margin: 0px; padding: 0px; color: rgb(51, 51, 51); text-decoration: none;">211限时达</a></div><div style="margin: 0px; padding: 0px;"><a href="http://help.360buy.com/help/question-65.html" target="_blank" rel="nofollow" style="margin: 0px; padding: 0px; color: rgb(51, 51, 51); text-decoration: none;">快递运输</a></div><div style="margin: 0px; padding: 0px;"><a href="http://market.360buy.com/giftcard/index.html#one5" target="_blank" rel="nofollow" style="margin: 0px; padding: 0px; color: rgb(51, 51, 51); text-decoration: none;">如何送礼</a></div><div style="margin: 0px; padding: 0px;"><a href="http://en.360buy.com/" target="_blank" style="margin: 0px; padding: 0px; color: rgb(51, 51, 51); text-decoration: none;">Global Shipping</a></div></dd></dl><dl class="fore3" clstag="homepage|keycount|home2012|33c" style="margin: 0px; padding: 0px; float: left; width: 192px; color: rgb(51, 51, 51); font-family: Arial, Verdana, 宋体; font-size: 12px; line-height: 18px;"><dt style="margin: 0px; padding: 6px 0px 6px 44px; position: relative; font-size: 14px; line-height: normal; font-family: 'microsoft yahei'; zoom: 1;"><b style="margin: 0px; padding: 0px; background-image: url(http://misc.360buyimg.com/lib/skin/2012/i/20120112B.png); position: absolute; top: 0px; left: 6px; width: 28px; height: 28px; background-position: -60px -176px; background-repeat: no-repeat no-repeat;"></b><strong style="margin: 0px; padding: 0px;">支付方式</strong></dt><dd style="margin: 0px 0px 0px 20px; padding: 0px 0px 0px 24px; background-image: url(http://misc.360buyimg.com/lib/skin/2012/i/20120112B.png); min-height: 120px; line-height: 20px; background-position: -230px -177px; background-repeat: no-repeat no-repeat;"><div style="margin: 0px; padding: 0px;"><a href="http://help.360buy.com/help/question-67.html" target="_blank" rel="nofollow" style="margin: 0px; padding: 0px; color: rgb(51, 51, 51); text-decoration: none;">货到付款</a></div><div style="margin: 0px; padding: 0px;"><a href="http://help.360buy.com/help/question-68.html" target="_blank" rel="nofollow" style="margin: 0px; padding: 0px; color: rgb(51, 51, 51); text-decoration: none;">在线支付</a></div><div style="margin: 0px; padding: 0px;"><a href="http://help.360buy.com/help/question-71.html" target="_blank" rel="nofollow" style="margin: 0px; padding: 0px; color: rgb(51, 51, 51); text-decoration: none;">分期付款</a></div><div style="margin: 0px; padding: 0px;"><a href="http://help.360buy.com/help/question-69.html" target="_blank" rel="nofollow" style="margin: 0px; padding: 0px; color: rgb(51, 51, 51); text-decoration: none;">邮局汇款</a></div><div style="margin: 0px; padding: 0px;"><a href="http://help.360buy.com/help/question-70.html" target="_blank" rel="nofollow" style="margin: 0px; padding: 0px; color: rgb(51, 51, 51); text-decoration: none;">公司转账</a></div></dd></dl><dl class="fore4" clstag="homepage|keycount|home2012|33d" style="margin: 0px; padding: 0px; float: left; width: 192px; color: rgb(51, 51, 51); font-family: Arial, Verdana, 宋体; font-size: 12px; line-height: 18px;"><dt style="margin: 0px; padding: 6px 0px 6px 44px; position: relative; font-size: 14px; line-height: normal; font-family: 'microsoft yahei'; zoom: 1;"><b style="margin: 0px; padding: 0px; background-image: url(http://misc.360buyimg.com/lib/skin/2012/i/20120112B.png); position: absolute; top: 0px; left: 6px; width: 28px; height: 28px; background-position: -90px -176px; background-repeat: no-repeat no-repeat;"></b><strong style="margin: 0px; padding: 0px;">售后服务</strong></dt><dd style="margin: 0px 0px 0px 20px; padding: 0px 0px 0px 24px; background-image: url(http://misc.360buyimg.com/lib/skin/2012/i/20120112B.png); min-height: 120px; line-height: 20px; background-position: -230px -177px; background-repeat: no-repeat no-repeat;"><div style="margin: 0px; padding: 0px;"><a href="http://help.360buy.com/help/question-97.html" target="_blank" rel="nofollow" style="margin: 0px; padding: 0px; color: rgb(51, 51, 51); text-decoration: none;">售后服务政策</a></div><div style="margin: 0px; padding: 0px;"><a href="http://help.360buy.com/help/question-98.html" target="_blank" rel="nofollow" style="margin: 0px; padding: 0px; color: rgb(51, 51, 51); text-decoration: none;">售后服务流程</a></div><div style="margin: 0px; padding: 0px;"><a href="http://help.360buy.com/help/question-99.html" target="_blank" rel="nofollow" style="margin: 0px; padding: 0px; color: rgb(51, 51, 51); text-decoration: none;">价格保护</a></div><div style="margin: 0px; padding: 0px;"><a href="http://help.360buy.com/help/question-100.html" target="_blank" rel="nofollow" style="margin: 0px; padding: 0px; color: rgb(51, 51, 51); text-decoration: none;">退款说明</a></div><div style="margin: 0px; padding: 0px;"><a href="http://myjd.360buy.com/repair/repairs.action" target="_blank" rel="nofollow" style="margin: 0px; padding: 0px; color: rgb(51, 51, 51); text-decoration: none;">返修/退换货</a></div><div style="margin: 0px; padding: 0px;"><a href="http://order.360buy.com/normal/list.action" target="_blank" rel="nofollow" style="margin: 0px; padding: 0px; color: rgb(51, 51, 51); text-decoration: none;">取消订单</a></div></dd></dl><dl class="fore5" clstag="homepage|keycount|home2012|33e" style="margin: 0px; padding: 0px; float: left; width: 158px; color: rgb(51, 51, 51); font-family: Arial, Verdana, 宋体; font-size: 12px; line-height: 18px;"><dt style="margin: 0px; padding: 6px 0px 6px 44px; position: relative; font-size: 14px; line-height: normal; font-family: 'microsoft yahei'; zoom: 1;"><b style="margin: 0px; padding: 0px; background-image: url(http://misc.360buyimg.com/lib/skin/2012/i/20120112B.png); position: absolute; top: 0px; left: 6px; width: 28px; height: 28px; background-position: -120px -176px; background-repeat: no-repeat no-repeat;"></b><strong style="margin: 0px; padding: 0px;">特色服务</strong></dt><dd style="margin: 0px 0px 0px 20px; padding: 0px 0px 0px 24px; background-image: url(http://misc.360buyimg.com/lib/skin/2012/i/20120112B.png); min-height: 120px; line-height: 20px; background-position: -230px -177px; background-repeat: no-repeat no-repeat;"><div style="margin: 0px; padding: 0px;"><a href="http://help.360buy.com/help/question-79.html" target="_blank" style="margin: 0px; padding: 0px; color: rgb(51, 51, 51); text-decoration: none;">夺宝岛</a></div><div style="margin: 0px; padding: 0px;"><a href="http://help.360buy.com/help/question-86.html" target="_blank" style="margin: 0px; padding: 0px; color: rgb(51, 51, 51); text-decoration: none;">DIY装机</a></div><div style="margin: 0px; padding: 0px;"><a href="http://market.360buy.com/hd/yanbao090702/ind.html" target="_blank" rel="nofollow" style="margin: 0px; padding: 0px; color: rgb(51, 51, 51); text-decoration: none;">延保服务</a></div><div style="margin: 0px; padding: 0px;"><a href="http://market.360buy.com/giftcard/index.html" target="_blank" rel="nofollow" style="margin: 0px; padding: 0px; color: rgb(51, 51, 51); text-decoration: none;">京东礼品卡</a></div><div style="margin: 0px; padding: 0px;"><a href="http://help.360buy.com/help/question-91.html" target="_blank" rel="nofollow" style="margin: 0px; padding: 0px; color: rgb(51, 51, 51); text-decoration: none;">节能补贴</a></div></dd></dl><div class="fr" clstag="homepage|keycount|home2012|33f" style="margin: 0px; padding: 0px; float: right; color: rgb(51, 51, 51); font-family: Arial, Verdana, 宋体; font-size: 12px; line-height: 18px;"><div class="sm" id="branch-office" style="margin: 0px; padding: 6px 0px 0px; overflow: hidden; zoom: 1; background-image: url(http://misc.360buyimg.com/product/skin/2012/i/20120814A.png); width: 200px; height: 150px; background-position: -1px -673px; background-repeat: no-repeat no-repeat;"><div class="smt" style="margin: 0px 0px 6px; padding: 0px; overflow: hidden; zoom: 1; cursor: default;"><h3 style="margin: 0px; padding: 0px; font-size: 14px; font-family: 'microsoft yahei';">京东商城自营覆盖区县</h3></div><div class="smc" style="margin: 0px; padding: 0px; overflow: hidden; zoom: 1;"><p style="margin: 0px 0px 14px; padding: 0px; line-height: 1.8em;">京东商城已向全国958个区县提供自营配送服务，支持货到付款、POS机刷卡和售后上门服务。</p><p class="ar" style="margin: 0px 0px 14px; padding: 0px; text-align: right; line-height: 1.8em;"><a href="http://help.360buy.com/help/question-141.html" target="_blank" style="margin: 0px; padding: 0px; color: rgb(0, 94, 167); text-decoration: none;">查看详情 ></a></p></div></div></div></div>

Answer 2

可以直接使用火狐或者谷歌的源代码查看功能，然后自己扣代码，只有这样了。
想要得到，必须付出，呵呵。

自己写的话，可以这样写

前四个的标题做一个<h2>购物指南</h2>。内容做列表
<ul>
<li></li>
</ul>

第五个可以使用定义列表或者使用<h2>京东商城自营覆盖区县</h2>加上一个<p></p>
<dl>
<dt></dt>
<dd></dd>
</dl>

Answer 3

用ul li 可以实现！要自己尝试哦！

Answer 4

这个貌似也太简单了吧

Answer 5

直接用firebug 查看你截图的网站的代码和样式就好了