自己做的网页HTML

来源：互联网发布：阿里云dns 编辑：程序博客网时间：2024/06/11 06:20

<!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 href="Untitled-3.css" rel="stylesheet" type="text/css" /></head><body><div class="zong">  <div class="diyi"> <img src="2/logo.gif"> <img class="c" src="2/1.png"> <img class="a" src="2/2.png">    <input type="text" class="b" name="sousuo"/>  </div>  <div class="dier">       <a href="#">首页</a>      <a href="#">男装</a>      <a href="#">女装</a>      <a href="#">运动户外</a>      <a href="#">箱包</a>      <a href="#">鞋靴</a>      <a href="#">家纺</a>      <a href="#">没装</a>      <a href="#">明星&潮牌</a>    <div class="d">   <a href="#">晒新货</a>   <a href="#">限时抢</a></div>  </div>  <div class="disan"><a href="#"><img src="2/3.png" width="1003"></a></div>  <div class="disi"><a href="#"><img src="2/4.png"></a></div>  <div class="diwu">    <div class="f"><a href="#">最新动态</a></div>    <ul>      <li><a href="#">客服中心防诈骗重要提示</a></li>      <li><a href="#">蓝橙 踏青装备全场116元起</a></li>      <li><a href="#">予舍 早春新品丝巾29元起</a></li>      <li><a href="#">御泥坊购物满88+1元赠大礼包</a></li>    </ul>  </div>  <div class="diliu"><a href="#"><img src="2/ad_r.jpg" width="228" height="235"></a></div>  <div class="clear"></div>  <div class="diqi">    <div class="g"><a href="#">热门分类</a></div>    <div class="k"><span>男装</span>    <a href="#">夹克</a> | <a href="#">衬衫</a> | <a href="#">长袖T</a> | <a href="#">卫衣</a> | <a href="#">牛仔裤</a> | <a href="#">休闲裤</a> | <a href="#">风衣</a> | <a href="#">西服</a> | <a href="#">羽绒服</a> | <a href="#">内裤</a></div>    <div class="k" id="one"><span>女装</span>    <a href="#">POLO衫</a> | <a href="#">T恤</a> | <a href="#">半裙</a> | <a href="#">连衣裙</a> | <a href="#">七分裤</a> | <a href="#">短裤</a> | <a href="#">天使之城</a> | <a href="#">久啦啦</a> | <a href="#">蝶恋</a></div>    <div class="k"><span>运动</span>    <a href="#">T恤</a> | <a href="#">泳装</a> | <a href="#">板鞋</a> | <a href="#">训练鞋</a> | <a href="#">羽毛球用品</a> | <a href="#">手杖</a> | <a href="#">安踏</a> | <a href="#">李宁</a> | <a href="#">特步</a> | <a href="#">匹克</a></div>    <div class="k" id="one"><span>鞋靴</span>    <a href="#">单鞋</a> | <a href="#">凉鞋</a> | <a href="#">休闲皮鞋</a> | <a href="#">运动休闲</a> | <a href="#">商务皮包</a> | <a href="#">家居鞋</a> | <a href="#">骆驼</a> | <a href="#">涉趣</a> | <a href="#">欧伦堡</a></div>    <div class="k"><span>箱包</span>    <a href="#">单肩包</a> | <a href="#">手提包</a> | <a href="#">斜挎包</a> | <a href="#">钱包</a> | <a href="#">精品男包</a> | <a href="#">腰包</a> | <a href="#">电脑公文包</a> | <a href="#">卡包</a></div>  </div>  <div class="diba"><img src="2/5.png" width="239" height="230"></div>  <div class="clear"></div>  <div class="dijiu">    <div class="m"> </div>    <a href="#"><img src="2/pro_07.jpg"> </a> <a href="#"><img src="2/pro_08.jpg"></a>    <div class="n">混合二次方 秋装79元 满200减20</div>    <div class="n">夏装全部1~3折清仓处理 满300减100</div>    <div class="o"><a href="#"><img src="2/6.png" width="292" height="67"></a></div>    <div class="o"><a href="#"><img src="2/7.png" width="293" height="83"></a></div>    <div class="o"><a href="#"><img src="2/8.png" width="293" height="75"></a></div>  </div>  <div class="dishi">    <div class="p"> 新手指南<br/>      注册新用户<br/>      网站订购流程 </div>    <div class="p">如何付款/退款<br/>      支付方式<br/>      如何办理退款</div>    <div class="l">帮助中心<br/>      常见热点问题<br/>      联系我们</div>  </div></div></body></html>

@charset "utf-8";.clear {clear:both;width:1050px;}.zong {margin:0px auto;width:1000px;height:1200px;}.diyi {position:relative;width:1000px;height:80px;}.dier {height: 30px;width: 1000px;background-color:#666;color:#FFF;font-weight: bold;padding:0px;line-height:30px;}.disan {height: 82px;width: 1000px;padding:1px 0px;}.disi {float:left;height: 382px;width: 750px;}.diwu {float:right;height: 140px;width: 246px;}.zong .diliu {height: 236px;width:226px;float:left;padding-left:10px;}.zong .diqi {float:left;height: 202px;width: 730px;}.zong .diba {float:left;height: 200px;width: 210px;padding: 0px 10px;}.zong .dijiu {height: 340px;width: 1000px;}.zong .dishi{width:1000px;height:70px;}.zong .diyi .a{float:right; margin-top:25px;}.zong .diyi .b {float:right;    margin-top:25px;}.zong .diyi .c {margin-bottom:10px;}.zong .dier .d {float:right;height:30px;width:150px;background-color:#FFF;color:#666;font-weight:bold;}.zong .diwu .f {width:248px;height:30px;background-color:#CCC;color:#333;font-weight:bold;line-height:30px;text-indent:1em;}.zong .diwu ul li {font-size: 15px;}.zong .diqi .g {width:730px;height:30px;;border-bottom-style: solid;border-bottom-color: #F0F;background-color:#CCC;line-height:30px;color:#F0F;font-weight:bold;text-indent:1em;}.zong .diqi .k {width:730px;height:30px;line-height:40px;text-indent:1em;}.zong .diqi #one {background-color:#9CF;}.zong .dijiu .m {width:996px;height:38px;background:url(2/1.gif);}.zong .dijiu .n {width:298px;height:30px;float:right;line-height:40px;}.zong .dijiu img {float:left;}.zong .dishi .p {background-color:#CCC;width:330px;height:65px;float:left;text-align:center;}.zong .dishi .l {background-color:#CCC;width:330px;height:65px;float:left;}.zong .dijiu .o img {padding-left:5px;padding-top:5px;}.zong .diqi .k span{font-weight:bold;}a{color:#FFF;text-decoration:none;}a:hover{color: #F00;}.zong .diqi .k a {color:#000;}.zong .diqi .k a:hover{color:#90C;}.zong .diwu ul li a {color:#000;}.zong .diwu ul li a:hover{color:#90C;}.zong .dier .d a {color:#333;}

0 0