<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>淘宝网-淘！我喜欢</title>
<style type="text/css" href="index.css">
*{
margin:0px;
padding: 0px;
list-style: none;
text-decoration: none;
}
html,body{
width:100%;
background-color: #f4f4f4;
height: 1000px;
}
.main{
width: 100%;
height:100%;
}
.main .top1{
width: 100%;
heigh:35px;
background-color:#f5f5f5;
border: 1px solid #eee;
}
.main .top1 .top2{
width:1190px;
height:35px;
margin:0px auto;
}
.main .top1 .top2 .top3{
float: left;
}
.main .top1 .top2 .top4{
float: right;
}
.main .top1 .top2 li{
float:left;
margin-right: 7px;
}
.main .top1 .top2 li a{
color:#6c6c6c;
font-size:12px;
line-height: 35px;
padding:0px 6px;
}
.main .top1 .top2 li a:hover,
.main .top1 .top2 li .login{
color:#f40;
}
.main .top1 .top2 .china{
color:#3c3c3c;
font-size:12px;
line-height: 35px;
}
.main .top1 .top2 .china-span{
padding:0px 6px;
}
.main .top1 .top2 .cutOff span{
color:#ddd;
line-height:35px;
}
.main .top1 .top2 .aPic{
display: inline-block;
width:6px;
height:3px;
background-size: 100% 100%;
}
.main .top1 .top2 .bPic{
background-image: url("img/xsj.png");
}
.main .top1 .top2 .shopCarPic{
width:12px;
height:12px;
background-image:url("img/gwc.png");
}
.main .top1 .top2 .likePic{
width:12px;
height:11px;
background-image:url("img/star.png");
}
.main .top1 .top2 .webPic{
width:8px;
height:8px;
background-image:url("img/dh.png");
}
.main .search-wrap{
width:100%;
height:97px;
background-color:#FFFFFF;
padding-top: 24px;
padding-bottom: 9px;
}
.main .search-con{
width:1190px;
height:88px;
margin:0px auto;
}
.main .search-wrap .search-con .logo-box{
display:inline-block;
width:190px;
height:90px;
}
.main .search-wrap .search-con .logo-box ima{
width:100%;
height:100%;
}
.main .search-wrap .search-con .search-box{
display:inline-block;
height:87px;
width: 627px;
margin-left: 50px;
}
.main .search-wrap .search-con .search-box .search-bd{
width: 627px;
height:62px;
}
.main .search-wrap .search-con .search-box .search-bd .search-tab{
width: 610px;
height:22px;
margin-left: 17px;
}
.main .search-wrap .search-con .search-box .search-bd li{
color:#f40;
float:left;
width: 36px;
height:22px;
text-align: center;
line-height:22px;
border-top-right-radius: 6px;
border-top-left-radius: 6px;
margin-right:4px;
font-size:12px;
}
.main .search-wrap .search-con .search-box .search-bd li:hover{
background-color:#ffeee5;
}
.main .search-wrap .search-con .search-box .search-bd .select{
background:linear-gradient(to right,#ff9000 0,#ff5000 100%);
color:#fff;
font-weight: 700px;
}
.main .search-wrap .search-con .search-box .search-bd .search-panel{
width:627px;
height:40px;
position: relative;
}
.main .search-wrap .search-con .search-box .search-bd .btn{
position:absolute;
right:0px;
top:0px;
width: 74px;
height: 40px;
z-index: 1000;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
text-align: center;
}
.main .search-wrap .search-con .search-box .search-bd .btn button{
border:none;
background:linear-gradient(to right,#ff9000 0,#ff5000 100%);
width:100%;
height: 100%;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
color:#fff;
font-size: 18px;
font-weight: 700px;
}
.main .search-wrap .search-con .search-box .search-bd .search-inp-box{
width:551px;
border:2px solid #ff5000;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
border-right: none;
height: 36px;
overflow: hidden;
}
.main .search-wrap .search-con .search-box .search-bd .search-inp-box .search-inp{
width:472px;
height:36px;
overflow: hidden;
}
.main .search-wrap .search-con .search-box .search-bd .search-inp-box .search-inp input{
width:472px;
height: 24px;
border: none;
line-height: 24px;
outline:0px;
text-indent: 10px;
padding: 6px 16px;
background-color: #fff;
}
.main .search-wrap .search-con .search-box .search-bd .search-panel .sousuo,
.main .search-wrap .search-con .search-box .search-bd .search-panel .camera{
display:inline-block;
position:absolute;
}
.main .search-wrap .search-con .search-box .search-bd .search-panel .sousuo{
width:14px;
height: 14px;
top:11px;
left:12px;
background-image: url('img/fdj.png');
background-repeat:no-repeat;
}
.main .search-wrap .search-con .search-box .search-bd .search-panel .camera{
width:23px;
height: 21px;
top:11px;
right: 80px;
background-image: url('img/camera.png');
background-repeat: no-repeat;
}
.main .search-wrap .search-con .search-box .search-ft{
width: 610px;
height:18px;
}
.main .search-wrap .search-con .search-box .search-ft ul li{
float: left;
}
.main .search-wrap .search-con .search-box .search-ft ul li a{
color:#3c3c3c;
font-size: 12px;
margin-right: 8px;
}
.main .search-wrap .search-con .search-box .search-ft a:hover,
.main .search-wrap .search-con .search-box .search-ft ul li select{
color:#ff5000;
}
.main .search-wrap .search-con .search-box .search-ft .more{
float: right;
color:#3c3c3c;
font-size: 12px;
line-height: 25px;
}
.main .search-wrap .search-con .code-box{
display:inline-block;
height:90px;
width:76px;
border:1px solid #eee;
position:relative;
margin-left:120px;
}
.main .search-wrap .search-con .code-box .p-tb{
font-size:14px ;
color:#ff5000;
text-align: center;
line-height: 20px;
margin:4px auto;
width:78px;
}
.main .search-wrap .search-con .code-box .code{
display: inline-block;
width: 62px;
height: 62px;
background-image: url('img/ewm.png');
background-size: 100% 100%;
margin-left: 5px;
}
.main .screen-nav-wrap{
width:100%;
height: 30px;
}
.main .screen-nav-wrap .screen-nav-con{
width:1190px;
height: 30px;
margin:0px auto;
background: linear-gradient(to right,#ff9000 0,#ff5000 100%);
}
.main .screen-nav-wrap .screen-nav-con h2{
float: left;
width: 190px;
height: 30px;
color:#fff;
background-color: #ff5000;
font-size: 16px;
line-height: 30px;
text-align:center;
}
.main .screen-nav-wrap .screen-nav-con ul{
height: 30px;
font-size: 16px;
float: left;
}
.main .screen-nav-wrap .screen-nav-con ul li{
float: left;
text-align: center;
padding:0px 4px;
margin:0px 3px;
line-height: 30px;
font-weight: 700px;
color:#fff;
}
.main .screen-nav-wrap .screen-nav-con ul li a{
color:#fff;
text-align:center;
line-height: 30px;
}
.main .screen-box-wrap{
width: 1190px;
margin:0px auto;
height: 632px;
}
.main .screen-box-wrap .ztsc{
width: 890px;
height:632px;
float: left;
}
.name.screen-box-wrap .ztsc .ztsc-inner{
width: 720px;
height:522px;
}
.main .screen-box-wrap .ztsc .ztsc-inner .inner-left{
width: 190px;
height: 522px;
float:left;
background-color: #fff;
}
.main .screen-box-wrap .ztsc .ztsc-inner .inner-left ul{
border:1px solid #ff5000;
border-top: none;
padding-top: 5px;
padding-bottom: 3px;
font-size: 14px;
}
.main .screen-box-wrap .ztsc .ztsc-inner .inner-left ul li{
height:32px;
width:144px;
line-height: 32px;
font-weight: 400px;
padding-left: 25px;
padding-right:19px;
position: relativ
项目.zip （38个子文件） 
项目 淘宝首页 淘宝首页 
淘宝.html 32KB 注册.html 2KB img 
tm.png 2KB pic2.png 297KB smalllogo9.png 3KB pic1.png 104KB bg.png 3KB smalllogo3.png 7KB star.png 1KB logo.png 25KB dh.png 994B tbtt.png 3KB smalllogo6.png 6KB smalllogo2.png 8KB pics.png 4KB gwc.png 1KB fdj.png 1KB up.png 1KB smalllogo5.png 4KB ysj.png 1KB smalllogo8.png 6KB 截图 2018-12-18 09.33.14.png 876KB pic4.png 58KB smalllogo1.png 7KB smalllogo7.png 5KB yjt.png 980B camera.png 2KB xsj.png 944B smalllogo10.png 7KB pic5.png 9KB ewm.png 9KB smalllogo4.png 6KB
tx.jpg 4KB pic3.png 209KB Images getimage.jpg 3KB validateCode.jpg 17KB 立即注册.jpg 31KB 登录.html 2KB资源评论
甜甜不加糖2023-07-27这个淘宝静态网站首页仿写的排版很合理，不仅美观而且易于用户使用。
月小烟2023-07-27这个淘宝静态网站首页仿写简洁大方，凸显了品牌的高端形象，给人留下深刻的印象。
啊看看2023-07-27这个淘宝静态网站首页仿写的细节处理得很到位，展现出了设计师的专业水平。
蓝洱2023-07-27这是一个非常有创意的淘宝静态网站首页仿写，整体设计非常吸引人。
老许的花开2023-07-27这个淘宝静态网站首页仿写很用心，给人一种优雅简洁的感觉，让人想要停留。
有点意s
- 粉丝: 1
- 资源: 7
最新资源
- 技术资料分享TJA1050很好的技术资料.zip
- 技术资料分享TF应用很好的技术资料.zip
- 技术资料分享TF卡资料很好的技术资料.zip
- 技术资料分享TF介绍很好的技术资料.zip
- 技术资料分享TDA1308很好的技术资料.zip
- 技术资料分享STM32中文参考手册-V10很好的技术资料.zip
- 技术资料分享STM32中断优先级与相关使用概念很好的技术资料.zip
- 技术资料分享STM32模拟EEPROM的使用和优化很好的技术资料.zip
- 技术资料分享Stm32寄存器与库函数概览(摘自固件库使用手册)很好的技术资料.zip
- 技术资料分享STM32固件库使用手册的中文翻译版很好的技术资料.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
