<!DOCTYPE html><html><head><meta charset="UTF-8"><title>电商网站</title><meta name="description" content="手机、电脑、手机配件、电脑配件、家电" /> <meta name="keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡" /> <style> body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,table,td,dd,dl,img,div,input{margin: 0;padding: 0;}body{font-size: 12px;}img{border:none;}li{list-style: none;}a{text-decoration: none;color: #656565;}input{border:none;outline: none;background: none;}/*清除浮动*/.clearfix:after{content:"";display:block;clear:both;}.clearfix{zoom: 1;}.fl{float: left;}.fr{float: right;} /*公共部分*/.comwidth{width: 1000px;margin-left: auto;margin-right: auto;}/*top部分*/.top{height: 30px;line-height: 30px;background-color: #F7F7F7;}.collection{background:url(../images/icon/collection.jpg) left center no-repeat ; padding-left: 19px;font-weight: bold;}.top a:hover{color:red;}/*logo部分*/.logobar{height: 85px;line-height: 85px;background: #1D7AD9;}.logo img{margin-top: 10px;}.search{width: 360px;height:30px;margin:23px 5px 27px 185px;background: #fff; padding-left:5px;padding-right: 5px;border: 1px solid #000;display: inline;}.search_text{height: 32px;width: 68px;font-size: 14px;font-family: "微软雅黑"; color:#fff;text-align: center;background-color: #FF8C00;margin-top: 23px;border: 1px solid #000;}.shopCar{width: 145px;height: 32px;background: #FF8C00;margin-top: 23px; display: inline;line-height: 32px;font-size: 14px;margin-right:50px;}.shopText{width: 88px; background: url(../images/icon/shaoIcon.jpg)10px no-repeat ;text-indent:40px; color: #fff;border-right: 1px solid #E27A00;}.shopNum{width: 56px;color: #fff;background:url(../images/icon/sj.jpg) 38px no-repeat;text-indent: 25px;font-size: 18px;}/*nav部分*/.nav{clear: both;background: #1369C0;height: 35px;line-height: 35px;}.nav li{float: left;} </style></head><body> <div class="header"> <div class="top comwidth"> <div><a href="">收藏店铺</a></div> <div>欢迎来到慕课网! <a href="">[登陆]</a><a href="">[免费注册]</a></div> </div><!-- top收藏结束 --> <div class="logobar "> <div> <div class="fl logo"><img src="images/logo.jpg" alt=""></div> <div><input type="text" value="" class="search fl"> <input type="button" class="fl search_text" value="搜索"> </div> <div class="shopCar fr"> <span class="shopText fl">购物车</span> <span class="shopNum fl">0</span> </div> </div><!-- logo结束 --> <div class="nav "> <h3>全部商品分类</h3> </div><!-- nav结束 --> </div><!-- 头部结束 --></body></html>
1 回答
woshiajuana
TA贡献211条经验 获得超152个赞
贴一下出现的效果图····我没你的图片，复制上去也看不了···
不过我猜一下，你先试一下在样式上加一个这个
body{
font-size:0;
}
- 1 回答
- 0 关注
- 1166 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消