<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .div0{ margin: auto; width: 1000px; height: 900px; } .div1{ margin: auto; width: 1000px; height: 30px; background-color: yellow; } a{ text-decoration: none; } .li{ margin-top: 5px; margin-left: -10px; padding-left: 80px; list-style: none; float: left ; text-align: center; } .div2{ margin-left: 700px; width: 300px; height: 850px; background-color: green; margin-top: -858px; } .shezhi1{ float: left; margin: auto; padding-left:350px; } .shezhi2{ float: left; padding-left: 0px; } .shezhi3{ margin-top: 40px; margin-right: 600px; width:700px; color: #000000; } .shezhi4{ margin-left: 250px; line-height: 50px; } .shezhi5{ text-align: center; line-height: 40px; } .shezhi6{ margin-left: 20px; margin-top: 10px; } .shezhi7{ margin-top: -10px; width: 250px; color: #00FFFF; } .shezhi8{ margin-left: 65px; } .shezhi9{ text-align: center; line-height: 10px; } .shezhi10{ margin-left: 80px; line-height: 10px; } </style> </head> <body> <div class="div0"> <div class="div1"> <ul > <li class="li">< a href=" ">首页</ a></li> <li class="li">< a href="#">美妆馆</ a></li> <li class="li">< a href="#">超市</ a></li> <li class="li">< a href="#">全球购</ a></li> <li class="li">< a href="#">闪购</ a></li> <li class="li">< a href="#">团购</ a></li> <li class="li">< a href="#">拍卖</ a></li> <li class="li">< a href="#">金融</ a></li> </ul> </div> <h2 class="shezhi1">热销商品</h2> <hr class="shezhi3"> < img class="shezhi2" src="prod1.jpg" width=215px height=215px> <p class="shezhi4">热卖组合, 一刮即净 净扫不适</p > <p class="shezhi4">吉利剃须刀锋速3+4刀头+吉利剃须泡温和型210g</p > <p class="shezhi4">促销价：114514</p > <input type="submit" name="立即抢购" value="立即抢购" class="shezhi8"> <hr class="shezhi3"> < img class="shezhi2" src="./prod2.jpg" width=215px height=215px> <p class="shezhi4">olay玉兰油多效修护护理套装</p > <p class="shezhi4">多效修护霜50g+多效醒肤氵150ml+洁面乳100g</p > <p class="shezhi4">促销价：114514</p > <input type="submit" name="立即抢购" value="立即抢购" class="shezhi8"> <hr class="shezhi3"> < img class="shezhi2" src="./prod3.jpg" width=215px height=215px> <p class="shezhi4">野兽先辈同款名牌</p > <p class="shezhi4">由下北泽集团打造的名表</p > <p class="shezhi4">促销价：114514</p > <input type="submit" name="立即抢购" value="立即抢购" class="shezhi8"> <div class="div2" > <p class="shezhi5">商城快报</p > <hr class="shezhi7"> <ul class="shezhi6"> <li >[特惠]1元秒杀</li> <li >母婴类app线</li> <li >大牌盛宴</li> <li >商城超市</li> <li >呼和浩特</li> <li >配送</li> <li >全新</li> <li >驻马店</li> <li >商城超市</li> <li >2015</li> </ul> <p class="shezhi5">商城快报</p > <hr class="shezhi7"> <ul class="shezhi6"> <li >[特惠]1元秒杀</li> <li >母婴类app线</li> <li >大牌盛宴</li> <li >商城超市</li> <li >呼和浩特</li> <li >配送</li> <li >全新</li> <li >驻马店</li> <li >商城超市</li> <li >2015</li> <li >2015</li> <li >2015</li> </ul> <hr class="shezhi7"> <p class="shezhi9">话费充值</p > 电话号码：<input type=tel" name="电话" > <br> <input type="radio" name="1" value="10" checked />10<input type="radio" name="1" value="公司" />20<input type="radio" name="1" value="10" checked />30<input type="radio" name="1" value="公司" />114514 <input type="submit" name="立即抢购" value="立即充值" class="shezhi10"> </div> <p class="shezhi9">关于我们||联系我们||商家入驻||营销中心||手机商城||友情链接</p > </div> </body></html>
标签：215px,height,width,vhjvjh,href,margin,left From： https://www.cnblogs.com/23358-lmt/p/17122158.html