静态京东页面(代码)
来源:互联网 发布:php workerman 编辑:程序博客网 时间:2024/06/06 19:24
提示:图片素材请点击下载,链接:http://pan.baidu.com/s/1eR6oSs6 密码:b3wi
静态京东页面html代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><link type="text/css" rel="stylesheet" href="css/index.css" /></head><body><div id="subNav"> <div id="subNavCon"> <div id="subNavConLeft">送至:北京</div> <div id="subNavConRight"> <ul> <li id="sncTxtOne">你好,请登录 <a href="#" id="sncTxt">免费注册</a></li> <li class="sncTxtImg"><img src="imgs/sep.jpg" /></li> <li class="sncTxtfTxt">我的订单</li> <li class="sncTxtImg"><img src="imgs/sep.jpg" /></li> <li class="sncTxtfTxt">我的京东</li> <li class="sncTxtImg"><img src="imgs/sep.jpg" /></li> <li class="sncTxtfTxt">京东会员</li> <li class="sncTxtImg"><img src="imgs/sep.jpg" /></li> <li class="sncTxtfTxt"> <div style="width:20px; height:16px; float:left; margin-top:5px;"><img src="imgs/Tel.jpg" /></div> <div style="font-size:14px; float:left;">手机京东</div> </li> <li class="sncTxtImg"><img src="imgs/sep.jpg" /></li> <li class="sncTxtfTxt">企业采购</li> <li class="sncTxtImg"><img src="imgs/sep.jpg" /></li> <li class="sncTxtfTxt">关注京东</li> <li class="sncTxtImg"><img src="imgs/sep.jpg" /></li> <li class="sncTxtfTxt">客户服务</li> <li class="sncTxtImg"><img src="imgs/sep.jpg" /></li> <li class="sncTxtfTxt">网站导航</li> </ul> </div> </div></div><div id="logo"> <div id="logoImg" class="logoCon"><img src="imgs/logo.jpg" style="width:350px; height:115px;" /></div> <div id="logoSea" class="logoCon"> <div id="logoSeaIn"> <div id="logoSeaInput"><input type="text" style="width:478px; height:37px; font-size:16px;"/></div> <div id="logoSeaInImg"><img src="imgs/sea.jpg" /></div> </div> <div id="logoSeaTxt"> <span style="color:rgb(255,0,0);">买一送一</span> <span>宠物智能</span> <span>华为P9</span> <span>减减减</span> <span>尖货1元</span> <span>图画书</span> <span>鲜花速达</span> <span>12期免息</span> </div> </div> <div id="logoCar" class="logoCon"> <div id="logoCarCon"> <div id="logoCarConCount"><img src="imgs/nu.jpg" /></div> <div id="logoCarConImg"><img src="imgs/car.jpg" /></div> <div id="logoCarConTxt">我的购物车</div> </div> </div></div><div id="mainNav"> <div id="mainNavCen"> <div id="mainNavCenLeft"><img src="imgs/allC.jpg"></div> <div id="mainNavCenMid"> <ul> <li class="mncmTh">服装城</li> <li class="mncmTh">美妆馆</li> <li class="mncmT">美食</li> <li class="mncmTh">全球购</li> <li class="mncmT">闪购</li> <li class="mncmT">团购</li> <li class="mncmTh">夺宝岛</li> <li class="mncmT">金融</li> <li class="mncmT">智能</li> </ul> </div> <div id="mainNavCenRight"><img src="imgs/flag_01.jpg" style="margin-top:8px; margin-left:5px;" /></div> </div></div><!--主体部分的第一部分,左边的菜单 中间的图片轮播 右边的通告--><div id="mainOne"> <div id="mainOneLeft"> <div class="mainOneLeftTxt">家用电器</div> <div class="mainOneLeftFlag"> > </div> <div class="mainOneLeftTxt">手机、数码、京东通信</div> <div class="mainOneLeftFlag"> > </div> <div class="mainOneLeftTxt">电脑、办公</div> <div class="mainOneLeftFlag"> > </div> <div class="mainOneLeftTxt">家居、家具、家装、厨具</div> <div class="mainOneLeftFlag"> > </div> <div class="mainOneLeftTxt">男装、女装、内衣、珠宝</div> <div class="mainOneLeftFlag"> > </div> <div class="mainOneLeftTxt">个护化妆</div> <div class="mainOneLeftFlag"> > </div> <div class="mainOneLeftTxt">鞋靴、箱包、钟表</div> <div class="mainOneLeftFlag"> > </div> <div class="mainOneLeftTxt">运动户外</div> <div class="mainOneLeftFlag"> > </div> <div class="mainOneLeftTxt">汽车、汽车用品</div> <div class="mainOneLeftFlag"> > </div> <div class="mainOneLeftTxt">母婴、玩具乐器</div> <div class="mainOneLeftFlag"> > </div> <div class="mainOneLeftTxt">食品、酒类、生鲜、特产</div> <div class="mainOneLeftFlag"> > </div> <div class="mainOneLeftTxt">营养保健</div> <div class="mainOneLeftFlag"> > </div> <div class="mainOneLeftTxt">图书、音像、电子书</div> <div class="mainOneLeftFlag"> > </div> <div class="mainOneLeftTxt">彩票、旅游、充值、票务</div> <div class="mainOneLeftFlag"> > </div> <div class="mainOneLeftTxt">理财、众筹、白条、保险</div> <div class="mainOneLeftFlag"> > </div> </div> <div id="mainOneCen"><img src="imgs/lunbo.jpg" style="width:840px; height:574px;" /></div> <div id="mainOneRight"> <div id="morTxt"> <div class="morTxtLeft">京东快报</div> <div id="morTxtRight">更多 ></div> </div> <div id="morTxtDv"> <div class="mortdTxt"><span style="font-weight:800; font-size:16px; color:#333;">[特惠]</span> 惊!999元秒电脑?</div> <div class="mortdTxt"><span style="font-weight:800; font-size:16px; color:#333;">[公告]</span> 京东农资频道正式上线</div> <div class="mortdTxt"><span style="font-weight:800; font-size:16px; color:#333;">[特惠]</span> 京东悦读经管周满100减40</div> <div class="mortdTxt"><span style="font-weight:800; font-size:16px; color:#333;">[公告]</span> 江浙沿海地区因台风配送延迟</div> <div class="mortdTxt"><span style="font-weight:800; font-size:16px; color:#333;">[特惠]</span> 伊利“爸爸去哪儿”特惠</div> </div> <div id="morTxtSer"> <div class="morTxtLeft">生活服务</div> </div> <div id="morTxtSerDv"> <div id="moortsdOne"> <div class="flag02"><img src="imgs/flag_02.jpg" /></div> <div class="flag02Txt">话费</div> </div> <div id="moortsdOne"> <div class="flag02"><img src="imgs/jp.png"/></div> <div class="flag02Txt">机票</div> </div> <div id="moortsdOne"> <div class="flag02"><img src="imgs/flag_02.jpg" /></div> <div class="flag02Txt">彩票</div> </div> <div id="moortsdOne"> <div class="flag02"><img src="imgs/flag_02.jpg" /></div> <div class="flag02Txt">机票</div> </div> <div id="moortsdOne"> <div class="flag02"><img src="imgs/flag_02.jpg" /></div> <div class="flag02Txt">机票</div> </div> <div id="moortsdOne"> <div class="flag02"><img src="imgs/flag_02.jpg" /></div> <div class="flag02Txt">机票</div> </div> </div> </div></div><div id="advs"> <div id="advs1"><img src="imgs/adv1.jpg" /></div> <div id="advs2"><img src="imgs/adv2.jpg" style="width:295px; height:197px;" /></div> <div id="advs3"><img src="imgs/adv3.jpg" style="width:295px; height:197px;" /></div> <div id="advs4"><img src="imgs/adv4.jpg" style="width:295px; height:197px;" /></div> <div id="advs5"><img src="imgs/adv5.jpg" style="width:295px; height:197px;" /></div></div><div id="loves"> <div id="loves1"> <div id="lovesTxt">猜你喜欢</div> <div id="lovesImg"><img src="imgs/love0.jpg" /></div> <div id="lovesImg1"><img src="imgs/love0_0.jpg" /></div> <div id="lovesTxt1">换一批</div> </div> <div id="lovesK"> <div class="loveKone"> <div class="loveKoneImg"><img src="imgs/love1.jpg" /></div> <div class="loveKoneTxt"> <div style="font-size:14px; width:170px; margin:auto; line-height:20px;">三星 Galaxy A3 (SM-A3000) 甜梦粉 移动联通</div> <div class="loveKoneM">¥1399.00</div> </div> </div> <div class="loveKoneLine"></div> <div class="loveKone"> <div class="loveKoneImg"><img src="imgs/love2.jpg" /></div> <div class="loveKoneTxt"> <div style="font-size:14px; width:170px; margin:auto; line-height:20px;">三星 Galaxy A3 (SM-A3000) 甜梦粉 移动联通</div> <div class="loveKoneM">¥1399.00</div> </div> </div> <div class="loveKoneLine"></div> <div class="loveKone"> <div class="loveKoneImg"><img src="imgs/love2.jpg" /></div> <div class="loveKoneTxt"> <div style="font-size:14px; width:170px; margin:auto; line-height:20px;">三星 Galaxy A3 (SM-A3000) 甜梦粉 移动联通</div> <div class="loveKoneM">¥1399.00</div> </div> </div> <div class="loveKoneLine"></div> <div class="loveKone"> <div class="loveKoneImg"><img src="imgs/love1.jpg" /></div> <div class="loveKoneTxt"> <div style="font-size:14px; width:170px; margin:auto; line-height:20px;">三星 Galaxy A3 (SM-A3000) 甜梦粉 移动联通</div> <div class="loveKoneM">¥1399.00</div> </div> </div> <div class="loveKoneLine"></div> <div class="loveKone"> <div class="loveKoneImg"><img src="imgs/love1.jpg" /></div> <div class="loveKoneTxt"> <div style="font-size:14px; width:170px; margin:auto; line-height:20px;">三星 Galaxy A3 (SM-A3000) 甜梦粉 移动联通</div> <div class="loveKoneM">¥1399.00</div> </div> </div> <div class="loveKoneLine"></div> </div></div><div id="jdStyle"> <div id="jdStyleText">京东特色购</div> <div id="jdStyleCon"> <div id="sOne"> <div class="sOneCon1"><img src="imgs/s1.jpg" /></div> <div class="sOneCon2"><img src="imgs/s2.jpg" /></div> <div class="sOneCon1"><img src="imgs/s1.jpg" /></div> <div class="sOneCon1"><img src="imgs/s1.jpg" /></div> <div id="sOneCon12"><img src="imgs/wj.png" /></div> </div> <div id="sTwo"> <div class="sOneCon1"><img src="imgs/s1.jpg" /></div> <div class="sOneCon1"><img src="imgs/s1.jpg" /></div> <div class="sOneCon1"><img src="imgs/s3.jpg" /></div> <div class="sOneCon1"><img src="imgs/s1.jpg" /></div> <div id="sOneCon3"> <div id="soc3Img"><img src="imgs/s4.jpg" /></div> <div id="soc3"> <div id="soc3Img1"><img src="imgs/xj.png" /></div> <div id="soc3Line"></div> <div id="soc3Txt"> <div class="soc3txt">[手机] 魅族MX5 <a style="color:rgb(255,0,0); font-size:16px;">1999火热约</a></div> <div class="soc3txt">[家电] 48小时4k智能 <a style="color:rgb(255,0,0); font-size:16px;">限量2399</a></div> <div class="soc3txt">[智能] 乐心手环 <a style="color:rgb(255,0,0); font-size:16px;">199火热约</a></div> <div class="soc3txt">[试用] <a style="color:rgb(255,0,0); font-size:16px;">0元备战情人节</a></div> </div> </div> </div> </div> </div></div><div id="znsm"> <div id="head"> <div id="head1">智能数码</div> <div id="head2"> <ul> <li class="headTxt">电脑馆</li> <li class="headImg"><img src="imgs/sep.jpg" /></li> <li class="headTxt">游戏极品</li> <li class="headImg"><img src="imgs/sep.jpg" /></li> <li class="headTxt">装机大师</li> <li class="headImg"><img src="imgs/sep.jpg" /></li> <li class="headTxt">开学装备</li> <li class="headImg"><img src="imgs/sep.jpg" /></li> <li class="headTxt">虚拟现实</li> <li class="headImg"><img src="imgs/sep.jpg" /></li> <li class="headTxt">二合一平板</li> <li class="headImg"><img src="imgs/sep.jpg" /></li> <li class="headTxt">摄影社区</li> <li class="headImg"><img src="imgs/sep.jpg" /></li> <li class="headTxt">全球智选</li> <li class="headImg"><img src="imgs/sep.jpg" /></li> <li class="headTxt">照片冲印</li> </ul> </div> </div> <div id="body"> <div id="body1"> <div id="body11"><img src="imgs/01.jpg" /></div> <div id="body12"> <div class="body0"><img src="imgs/02.png" /></div> <div class="body0"><img src="imgs/03.png" /></div> <div class="body0"><img src="imgs/04.png" /></div> <div class="body0"><img src="imgs/05.jpg" /></div> <div class="body0"><img src="imgs/06.jpg" /></div> <div class="body01"><img src="imgs/07.jpg" /></div> <div class="body01"><img src="imgs/08.jpg" /></div> <div class="body01"><img src="imgs/09.jpg" /></div> <div class="body01"><img src="imgs/10.jpg" /></div> <div class="body01"><img src="imgs/11.jpg" /></div> </div> </div> <div id="body2"> <div class="body00"><img src="imgs/12.jpg" /></div> <div class="body00"><img src="imgs/13.jpg" /></div> <div class="body00"><img src="imgs/14.jpg" /></div> <div class="body00"><img src="imgs/12.jpg" /></div> <div class="body00"><img src="imgs/14.jpg" /></div> <div class="body00"><img src="imgs/12.jpg" /></div> </div> </div></div><div id="dkhs"><img src="imgs/dkhs.jpg" /></div><div id="last1"> <div class="one"> <div class="one1">购物指南</div> <div class="one2">购物流程</div> <div class="one2">会员介绍</div> <div class="one2">生活旅行</div> <div class="one2">常见问题</div> <div class="one2">大家电</div> <div class="one2">联系客服</div> </div> <div class="one"> <div class="one1">配送方式</div> <div class="one2">上门自提</div> <div class="one2">211限时达</div> <div class="one2">配送服务查询</div> <div class="one2">配送费收取标准</div> <div class="one2">海外配送</div> </div> <div class="one"> <div class="one1">支付方式</div> <div class="one2">货到付款</div> <div class="one2">在线支付</div> <div class="one2">分期付款</div> <div class="one2">邮局汇款</div> <div class="one2">公司转账</div> </div> <div class="one"> <div class="one1">售后服务</div> <div class="one2">售后政策</div> <div class="one2">价格保护</div> <div class="one2">退款说明</div> <div class="one2">返修/退换货</div> <div class="one2">取消订单</div> </div> <div class="one"> <div class="one1">特色服务</div> <div class="one2">夺宝岛</div> <div class="one2">DIY装机</div> <div class="one2">延保服务</div> <div class="one2">京东E卡</div> <div class="one2">京东通信</div> <div class="one2">京东JD+</div> </div> <div id="two"> <div id="two1">京东自营覆盖区县</div> <div id="two2">京东已向全国2661个区县提供自营配送服务,支持货到付款、POS机刷卡和售后上门服务。</div> <div id="two3">查看详情 ></div> </div></div><div id="last2"> <div id="last21"> <ul> <li class="style1">关于我们</li> <li class="style2">|</li> <li class="style1">联系我们</li> <li class="style2">|</li> <li class="style1">联系客服</li> <li class="style2">|</li> <li class="style1">商家入驻</li> <li class="style2">|</li> <li class="style1">营销中心</li> <li class="style2">|</li> <li class="style1">手机京东</li> <li class="style2">|</li> <li class="style1">友情链接</li> <li class="style2">|</li> <li class="style1">销售联盟</li> <li class="style2">|</li> <li class="style1">京东社区</li> <li class="style2">|</li> <li class="style1">风险监测</li> <li class="style2">|</li> <li class="style1">隐私政策</li> <li class="style2">|</li> <li class="style1">京东公益</li> <li class="style2">|</li> <li class="style1">English Site</li> <li class="style2">|</li> <li class="style1">Contact Us</li> </ul> </div> <div id="last22"> <ul> <li class="style3">京公网安备 11000002000088号</li> <li class="style4">|</li> <li class="style3">京ICP证070359号</li> <li class="style4">|</li> <li class="style3">互联网药品信息服务资格证编号(京)-经营性-2014-0008</li> <li class="style4">|</li> <li class="style3">新出发京零 字第大120007号</li> </ul> </div> <div id="last23"> <ul> <li class="style3">互联网出版许可证编号新出网证(京)字150号</li> <li class="style4">|</li> <li class="style3">出版物经营许可证</li> <li class="style4">|</li> <li class="style3">网络文化经营许可证京网文[2014]2148-348号</li> <li class="style4">|</li> <li class="style3">违法和不良信息举报电话:4006561155</li> </ul> </div> <div id="last24"> <ul> <li class="style3">Copyright ? 2004 - 2017 京东JD.com 版权所有</li> <li class="style4">|</li> <li class="style3">消费者维权热线:4006067733经营证照</li> </ul> </div> <div id="last25"> <ul> <li class="style3">京东旗下网站:京东钱包</li> <li class="style4">|</li> <li class="style3">京东云</li> </ul> </div> <div id="lastImg"><img src="imgs/dd.jpg" /></div></div></body></html>
静态京东页面css代码
@charset "utf-8";/* CSS Document */*{ margin:0px; padding:0px; font-size:12px;}#subNav{ border:0px solid rgb(255,0,0); width:100%; height:30px; background:url(../imgs/bg_01.jpg);}#subNav #subNavCon{ border:0px solid rgb(255,0,0); width:1450px; height:30px; margin:0px auto;}#subNav #subNavCon #subNavConLeft{ border:0px solid rgb(255,0,0); width:80px; float:left; font-size:16px; text-align:center; line-height:30px; color:rgb(102,102,102);}#subNav #subNavCon #subNavConRight{ border:0px solid rgb(255,0,0); width:910px; float:right; }#subNavConRight ul{ list-style:none;}#subNavConRight ul li{ border:0px solid rgb(255,0,0); font-size:14px; color:rgb(102,102,102); line-height:30px; float:left; text-align:center;}#sncTxt{ color:rgb(255,0,0); font-size:14px; text-decoration:none;}#sncTxtOne{ width:170px;}.sncTxtImg img{ /*图片转换为块元素*/ display:block;}.sncTxtImg{ width:1px; line-height:30px; margin-top:8px;}.sncTxtfTxt{ width:90px;}#logo{ border:0px solid rgb(255,0,0); height:115px; width:1450px; margin:auto;}.logoCon{ border:0px solid rgb(255,0,0); height:115px;}#logoImg{ width:350px; float:left;}#logoSea{ width:580px; float:left;}#logoCar{ width:350px; float:right; position:relative;}#logoSeaIn{ border:2px solid rgb(255,0,0); height:40px; width:580px; margin-top:30px;}#logoSeaInput{ width:479px; height:40px; float:left;}#logoSeaInImg{ width:101px; height:40px; float:left;}#logoSeaTxt{ border:0px solid rgb(255,0,0); margin-top:5px; font-size:16px;}#logoSeaTxt span{ font-size:14px; color:rgb(153,153,153); margin-left:10px;}#logoCarCon{ border:1px solid rgb(204,204,204); width:200px; height:40px; margin:30px auto; background:rgb(239,239,239);}#logoCarConImg{ border:0px solid rgb(255,0,0); width:21px; height:17px; float:left; margin-top:10px; margin-left:20px;}#logoCarConTxt{ border:0px solid rgb(255,0,0); width:100px; height:17px; font-size:14px; color:rgb(153,153,153); float:left; margin-top:10px; margin-left:10px;}#logoCarConCount{ width:20px; height:17px; position:absolute; left:196px; top:25px;}#mainNav{ border-bottom:2px solid #DD0631; height:55px; }#mainNavCen{ border:0px solid #ff0000; width:1450px; height:55px; margin:0px auto; position:relative;}#mainNavCenLeft{ border:0px solid #ff0000; height:55px; width:263px; float:left; position:absolute; left:0px; top:0px;}#mainNavCenMid{ border:0px solid #ff0000; height:55px; width:820px; position:absolute; left:263px; top:0px;}#mainNavCenRight{ border:0px solid #ff0000; height:55px; width:200px; float:right;}#mainNavCenMid ul{ list-style:none;}.mncmTh{ border:0px solid #ff0000; font-size:22px; font-weight:300;/*加粗*/ width:95px; text-align:center; line-height:55px; float:left;}.mncmT{ border:0px solid rgb(255,0,0); font-size:22px; font-weight:300; width:85px; text-align:center; line-height:55px; float:left;}#mainOne{ border:0px solid rgb(255,0,0); width:1450px; margin:0px auto; height:584px;}#mainOneLeft{ border:0px solid rgb(255,0,0); height:584px; width:263px; float:left; background-color:rgb(164,0,37);}#mainOneCen{ border:0px solid rgb(255,0,0); height:574px; width:840px; float:left; margin-left:12px; margin-top:10px;}#mainOneRight{ border:1px solid rgb(201,204,205); height:574px; width:314px; float:left; margin-left:12px; margin-top:10px;}.mainOneLeftTxt{ border:0px solid rgb(0,255,0); width:220px; float:left; color:rgb(255,255,255); font-size:20px; font-weight:300; height:35px; line-height:35px; padding-left:10px;}.mainOneLeftFlag{ border:0px solid rgb(0,255,0); width:20px; text-align:center; float:right; font-size:20px; font-weight:300; height:35px; line-height:35px; color:rgb(255,255,255);}#morTxt{ border-bottom:1px solid rgb(201,204,205); height:60px;}.morTxtLeft{ border:0px solid rgb(255,0,0); font-size:24px; color:rgb(153,153,153); width:100px; float:left; margin-top:16px; margin-left:20px;}#morTxtRight{ border:0px solid rgb(255,0,0); font-size:16px; color:rgb(153,153,153); width:70px; float:right; margin-top:18px;}#morTxtDv{ border-bottom:1px dashed rgb(201,204,205); height:160px;}.mortdTxt{ border:0px solid rgb(255,0,0); width:280px; margin:auto; font-size:16px; color:rgb(153,153,153); margin-top:10px;}#morTxtSerDv{ border-top:1px dashed rgb(201,204,205); clear:both; margin-top:60px; height:276px;}#moortsdOne{ border-bottom:1px solid rgb(201,204,205); border-right:1px solid rgb(201,204,205); width:78px; height:80px; padding-top:20px; float:left;}.flag02{ border:0px solid rgb(255,0,0); width:29px; height:30px; margin:auto;}.flag02Txt{ border:0px solid rgb(255,0,0); font-size:16px; color:rgb(153,153,153); margin-top:10px; text-align:center;}#advs{ border:0px solid rgb(0,255,0); width:1450px; margin:auto; height:197px;}#advs1{ border:0px solid rgb(255,0,0); width:263px; height:197px; float:left;}#advs2{ border-right:1px solid rgb(255,255,255); float:left;}#advs3{ border-right:1px solid rgb(255,255,255); float:left;}#advs4{ border-right:1px solid rgb(255,255,255); float:left;}#advs5{ border-right:1px solid rgb(255,255,255); float:left;}#loves{ border:0px solid rgb(255,0,0); width:1450px; height:314px; margin:20px auto;}#loves1{ border:0px solid rgb(0,255,0); height:40px;}#lovesTxt{ border:0px solid rgb(255,0,0); font-size:28px; line-height:40px; width:120px; float:left;}#lovesImg{ border:0px solid rgb(255,0,0); width:244px; height:30px; float:left; margin-top:10px;}#lovesImg1{ border:0px solid rgb(255,0,0); width:23px; height:33px; float:right; margin-top:4px; margin-right:5px;}#lovesTxt1{ border:0px solid rgb(255,0,0); font-size:16px; line-height:40px; width:55px; float:right;}#loveK{ border:0px solid rgb(204,204,204); height:270px; clear:both;}.loveKone{ border:0px solid rgb(255,0,0); height:270px; width:250px; float:left;}.loveKoneImg{ border:0px solid rgb(255,0,0); width:200px; height:180px; margin:auto;}.loveKoneM{ border:0px solid rgb(255,0,0); font-size:18px; line-height:30px; width:90px; margin-left:39px;}.loveKoneLine{ height:70px; width:1px; background-color:rgb(204,204,204); float:left; margin-top:180px;}#jdStyle{ border:0px solid rgb(255,0,0); width:1450px; height:560px; margin:auto;}#jdStyleText{ border:0px solid rgb(255,0,0); font-size:30px; height:52px; width:150px; line-height:52px;}#jdStyleCon{ border:1px solid rgb(204,204,204); height:504px;}#sOne{ border-bottom:1px solid rgb(204,204,204); height:250px;}.sOneCon1{ border-right:1px solid rgb(204,204,204); width:251px; height:250px; float:left;}.sOneCon2{ border-right:1px solid rgb(204,204,204); width:504px; height:250px; float:left;}#sOneCon12{ border:0px solid rgb(255,0,0); width:188px; height:248px; float:left;}#sTwo{ border:0px solid rgb(204,204,204); height:250px;}#sOneCon3{ border:0px solid rgb(255,0,0); width:440px; height:250px; float:left;}#soc3Img{ border:0px solid rgb(255,0,0); width:343px; height:76px; margin:auto; margin-top:10px;}#soc3{ border:0px solid rgb(0,255,0); width:420px; height:160px; margin:auto;}#soc3Img1{ border:0px solid rgb(0,0,255); width:130px; height:150px; margin-left:15px; margin-top:4px; float:left;}#soc3Line{ border:0px dashed #CCCCCC; width:1px; height:140px; background-color:rgb(204,204,204); margin:auto; float:left; margin-left:15px; margin-top:14px;}#soc3Txt{ border:0px solid rgb(0,0,255); height:146px; width:240px; margin-left:15px; margin-top:6px; float:left;}.soc3txt{ border:0px solid rgb(255,0,0); font-size:16px; height:36px; line-height:36px;}#znsm{ border:0px solid rgb(204,204,204); width:1450px; height:530px; margin:auto; margin-top:5px;}#head{ border-bottom:0px solid rgb(204,204,204); height:40px;}#head1{ border:0px solid rgb(153,153,153); font-size:22px; width:90px; height:40px; line-height:40px; text-align:left; float:left;}#head2{ border:0px solid rgb(255,0,0); width:820px; height:30px; margin-top:10px; float:right;}#head2 ul{ list-style:none;}#head2 ul li{ border:0px solid rgb(255,0,0); font-size:14px; color:rgb(102,102,102); line-height:30px; float:left; text-align:center;}.headTxt{ width:90px;}.headImg{ width:1px; line-height:30px; margin-top:8px;}.headImg img{ display:block;}#body{ border:1px solid rgb(204,204,204); width:1450px; height:489px;}#body1{ border-bottom:1px solid rgb(204,204,204); height:323px; width:1450px;}#body11{ width:230px; height:322px; float:left;}#body12{ border:0px solid rgb(0,255,0); width:1200px; height:325px; float:left;}.body0{ border-right:1px solid rgb(204,204,204); border-bottom:1px solid rgb(204,204,204); width:236px; height:161px; float:left;}.body01{ border-right:1px solid rgb(204,204,204); width:236px; height:161px; float:left;}#body2{ border:0px solid rgb(0,0,255); width:1415px; height:163px;}.body00{ border-right:2px solid rgb(204,204,204); width:228px; height:163px; float:left;}#dkhs{ border-right:0px solid rgb(153,153,153); width:1450px; height:125px; margin:auto; margin-top:20px;}#last1{ border-bottom:2px solid rgb(214,213,211); border-top:2px solid rgb(214,213,211); width:1450px; height:250px; margin:auto; background-color:rgb(219,219,219);}.one{ border:0px solid rgb(255,0,0); width:222px; height:250px; float:left;}.one1{ border:0px solid rgb(255,0,0); font-size:18px; font-family:宋体; font-weight:700; width:222px; height:40px; line-height:40px; margin-top:10px; margin-left:10px;}.one2{ border:0px solid rgb(255,0,0); font-size:13px; width:222px; height:28px; line-height:28px; margin-left:10px;}#two{ border:0px solid rgb(0,0,255); width:330px; height:250px; float:left;}#two1{ border:0px solid rgb(255,0,0); width:340px; height:40px; font-size:18px; font-family:宋体; font-weight:700; line-height:40px; margin-top:10px; text-align:center;}#two2{ border:0px solid rgb(255,0,0); font-size:13px; width:190px; height:60px; line-height:20px; margin:auto;}#two3{ border:0px solid rgb(255,0,0); width:65px; height:20px; margin-left:210px; margin-top:5px;}#last2{ width:1450px; height:250px; margin:auto; background-color:rgb(219,219,219);}#last21{ border:0px solid rgb(255,0,0); width:1054px; height:35px; margin:auto; margin-bottom:5px;}#last21 ul{ list-style:none;}.style1{ border:0px solid rgb(255,0,0); font-family:仿体; font-size:13px; color:rgb(102,102,102); line-height:35px; font-weight:600; float:left; text-align:center; margin-top:5px;}.style2{ border:0px solid rgb(255,0,0); width:20px; height:30px; font-weight:600; float:left; color:rgb(180,180,180); text-align:center; margin-top:14px;}#last22{ border:0px solid rgb(255,0,0); width:848px; height:22px; margin:auto;}#last22 ul{ list-style:none;}.style3{ border:0px solid rgb(255,0,0); font-family:仿体; font-size:13px; color:rgb(102,102,102); line-height:22px; float:left; text-align:center;}.style4{ border:0px solid rgb(255,0,0); width:20px; height:22px; font-weight:600; float:left; color:rgb(180,180,180); text-align:center; margin-top:3px;}#last23{ border:0px solid rgb(255,0,0); width:923px; height:28px; margin:auto;}#last23 ul{ list-style:none;}#last24{ border:0px solid rgb(255,0,0); width:537px; height:28px; margin:auto;}#last24 ul{ list-style:none;}#last25{ border:0px solid rgb(255,0,0); width:206px; height:28px; margin:auto;}#last25 ul{ list-style:none;}#lastImg{ border:0px solid rgb(255,0,0); width:810px; height:40px; margin:auto; margin-top:12px;}
0 0
- 静态京东页面(代码)
- 天气预报静态页面代码
- 静态页面加载静态页面代码
- .net发布静态页面代码
- 代码生成器 页面静态化
- 生成静态页面代码核心代码
- 生成静态页面代码核心代码
- ASP生成静态htm页面基本代码!
- ASP生成静态htm页面基本代码!
- ASP生成静态html页面基本代码
- ASP生成静态htm页面基本代码!
- ASP生成静态htm页面基本代码
- ASP静态页面批量生成代码
- ASP静态页面批量生成代码
- 网页生成静态页面部分代码
- ASP生成静态htm页面基本代码!
- PHP生成HTML静态页面实例代码
- java mapping生产静态页面核心代码
- 连接池(一)
- virtualenv的简单使用方法
- 软件测试基础---上
- influxDB开发
- 判断上传文件大小
- 静态京东页面(代码)
- 对大量数据的update优化操作
- spark 学习记录
- 自定义View基础
- angularjs2进阶教程2-建立一个主/详细页面的英雄名单
- CentOS更新yum源
- 游戏体验
- OpenGLES学习(一)图片显示
- #OSG+VS#04第二周