淘宝静态页面

最新推荐文章于 2023-03-17 23:07:20 发布
最新推荐文章于 2023-03-17 23:07:20 发布
阅读量1k 收藏
点赞数 1
文章标签： 前端 css html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_31595113/article/details/105235742
版权 
!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title>淘宝网 - 淘！我喜欢</title>
	<link rel="stylesheet" href="css/index.css">
	<link rel="icon" href="favicon.ico">
	<base target="_blank">
</head>

<body>
	<!-- 头部信息 -->
	<div id="headMessage" class="layer clearfix">
		<ul class="fl">
			<li class="title">
				<span>中国大陆</span>
				<span class="iconfont arrow">&#xe733;</span>
			</li>
			<li class="mr7">
				<a href="#" class="login mr7">亲，请登录</a>
				<a href="#">免费注册</a>
			</li>
			<li>
				<a href="#">手机逛淘宝</a>
			</li>
		</ul>

		<ul class="fr">
			<li>
				<a href="#">我的淘宝</a>
				<span class="iconfont arrow">&#xe733;</span>
			</li>
			<li>
				<span class="iconfont mr5 c4">&#xe63a;</span>
				<a href="#">购物车</a>
				<strong>0</strong>
				<span class="iconfont arrow">&#xe733;</span>
			</li>
			<li>
				<a href="#"><span class="iconfont mr5 stroe">&#x3432;</span>收藏夹</a>
				<span class="iconfont arrow">&#xe733;</span>
			</li>
			<li>
				<a href="#">商品分类</a>
			</li>
			<li class="line">|</li>
			<li>
				<a href="#">千牛卖家中心</a>
				<span class="iconfont arrow">&#xe733;</span>
			</li>
			<li>
				<a href="#">联系客服</a>
				<span class="iconfont arrow">&#xe733;</span>
			</li>
			<li>
				<span class="iconfont c4 mr5">&#xe66d;</span>
				<a href="#">网站导航</a>
				<span class="iconfont arrow">&#xe733;</span>
			</li>
		</ul>
	</div>


	<!-- 头部广告 -->
	<div id="headAd">
		<div class="layer clearfix">
			<a href="#" class="fl go"><img src="images/go.png" alt=""></a>
			<ul class="fr">
				<li class="item1">
					<a href="#" class="fr">
						<img src="images/adimg_01.jpg" alt="">
					</a>
					<h3><a href="#">电视会场</a></h3>
					<p><a href="#">最高降2000</a></p>
				</li>
				<li class="item2">
					<a href="#" class="fr">
						<img src="images/adimg_02.jpg" alt="">
					</a>
					<h3><a href="#">电视会场</a></h3>
					<p><a href="#">最高降2000</a></p>
				</li>
				<li class="item3">
					<a href="#" class="fr">
						<img src="images/adimg_03.jpg" alt="">
					</a>
					<h3><a href="#">电视会场</a></h3>
					<p><a href="#">最高降2000</a></p>
				</li>
				<li class="item4">
					<a href="#" class="fr">
						<img src="images/adimg_04.jpg" alt="">
					</a>
					<h3><a href="#">电视会场</a></h3>
					<p><a href="#">最高降2000</a></p>
				</li>
				<li class="item5">
					<a href="#" class="fr">
						<img src="images/adimg_05.jpg" alt="">
					</a>
					<h3><a href="#">电视会场</a></h3>
					<p><a href="#">最高降2000</a></p>
				</li>
				<!-- <li>
					<a href="#" class="fr"><img src="images/adimg_01.jpg" alt=""></a>
					<h3><a href="#">电视会场</a></h3>
					<p><a href="#">最高降2000</a></p>
				</li> -->
			</ul>
		</div>
	</div>


	<!-- 头部搜索 -->
	<div id="headSearch">
		<div class="cleafix layer">
			<!-- <h1><a href="#"><img src="images/logo.png" alt="淘宝网"></a></h1> -->
			<h1 class="fl"><a href="#">淘宝网</a></h1>

			<div class="code fr">
				<span class="iconfont close">&#xe614;</span>
				<span class="c5">手机淘宝</span>
				<img src="images/code.png" alt="">
			</div>

			<div class="search">
				<ul class="searchTab clearfix">
					<li class="active">宝贝</li>
					<li>天猫</li>
					<li>店铺</li>
				</ul>

				<div class="searchContent clearfix">
					<form action="#">
						<div class="searchBox fl">
							<input type="text">
							<div class="placeholder">
								<i class="iconfont">&#xe615;</i>
								<span>网红裤腰带 洋气 国际范 9.9包邮</span>
							</div>
							<span class="iconfont imgSearch">&#xe6ba;</span>
						</div>
						<div class="btn fl">
							<button type="submit">搜索</button>
						</div>
					</form>
				</div>

				<div class="hotKey">
					<a href="#" class="c5">积木</a>
					<a href="#">网线</a>
					<a href="#" class="c5">爬行垫</a>
					<a href="#">时尚连衣裙</a>
					<a href="#">男士T恤</a>
					<a href="#" class="c5">时尚休闲裤</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>
	</div>

	<!-- 导航 -->
	<div id="nav" class="layer clearfix">
		<h2 class="fl">主题市场</h2>
		<ul>
			<li class="size"><a href="#">天猫</a></li>
			<li class="size"><a href="#">聚划算</a></li>
			<li class="size"><a href="#">天猫超市</a></li>
			<li class="line">|</li>
			<li><a href="#">淘抢购</a></li>
			<li><a href="#">电器城</a></li>
			<li><a href="#">司法拍卖</a></li>
			<li><a href="#">淘宝心选</a></li>
			<li><a href="#">兴农扶贫</a></li>
			<li class="line">|</li>
			<li><a href="#">飞猪旅行</a></li>
			<li><a href="#">智能生活</a></li>
			<li><a href="#">苏宁易购</a></li>
		</ul>
	</div>

	<!-- 首屏内容 -->
	<div id="firstScreen" class="layer clearfix">
		<!-- 左边的内容 -->
		<div class="firstLeft fl">
			<!-- 侧边导航 -->
			<div class="sideNav fl">
				<ul>
					<li>
						<a href="#">女装</a> / <a href="#">男装</a> / <a href="#">内衣</a><span
							class="iconfont fr">&#xe50c;</span>
					</li>
					<li>
						<a href="#">鞋靴</a> / <a href="#">箱包</a> / <a href="#">配件</a><span
							class="iconfont fr">&#xe50c;</span>
					</li>
					<li>
						<a href="#">童装玩具</a> / <a href="#">孕产</a> / <a href="#">用品</a><span
							class="iconfont fr">&#xe50c;</span>
					</li>
					<li>
						<a href="#">家电</a> / <a href="#">数码</a> / <a href="#">手机</a><span
							class="iconfont fr">&#xe50c;</span>
					</li>
					<li>
						<a href="#">美妆</a> / <a href="#">洗护</a> / <a href="#">保健品</a><span
							class="iconfont fr">&#xe50c;</span>
					</li>
					<li>
						<a href="#">珠宝</a> / <a href="#">眼镜</a> / <a href="#">手表</a><span
							class="iconfont fr">&#xe50c;</span>
					</li>
					<li>
						<a href="#">运动</a> / <a href="#">户外</a> / <a href="#">乐器</a><span
							class="iconfont fr">&#xe50c;</span>
					</li>
					<li>
						<a href="#">游戏</a> / <a href="#">动漫</a> / <a href="#">影视</a><span
							class="iconfont fr">&#xe50c;</span>
					</li>
					<li>
						<a href="#">美食</a> / <a href="#">生鲜</a> / <a href="#">零食</a><span
							class="iconfont fr">&#xe50c;</span>
					</li>
					<li>
						<a href="#">鲜花</a> / <a href="#">宠物</a> / <a href="#">农资</a><span
							class="iconfont fr">&#xe50c;</span>
					</li>
					<li>
						<a href="#">工具</a> / <a href="#">装修</a> / <a href="#">建材</a><span
							class="iconfont fr">&#xe50c;</span>
					</li>
					<li>
						<a href="#">家具</a> / <a href="#">家饰</a> / <a href="#">家纺</a><span
							class="iconfont fr">&#xe50c;</span>
					</li>
					<li>
						<a href="#">汽车</a> / <a href="#">二手车</a> / <a href="#">用品</a><span
							class="iconfont fr">&#xe50c;</span>
					</li>
					<li>
						<a href="#">办公</a> / <a href="#">DIY</a> / <a href="#">五金电子</a><span
							class="iconfont fr">&#xe50c;</span>
					</li>
					<li>
						<a href="#">百货</a> / <a href="#">餐厨</a> / <a href="#">家庭保健</a><span
							class="iconfont fr">&#xe50c;</span>
					</li>
					<li>
						<a href="#">学习</a> / <a href="#">卡券</a> / <a href="#">本地服务</a><span
							class="iconfont fr">&#xe50c;</span>
					</li>
				</ul>
			</div>

			<!-- 图片1容器 -->
			<div class="img1Box fr">
				<div class="pic fl">
					<div class="img">
						<a href="#"><img src="images/pic_01.jpg" alt=""></a>
					</div>

					<button class="iconfont leftBtn">&#xe50a;</button>
					<button class="iconfont rightBtn">&#xe50c;</button>

					<div class="circle">
						<span class="active"></span><span></span><span></span><span></span><span></span>
					</div>
				</div>
				<div class="ad fr">
					<a href="#"><img src="images/ad_02.jpg" alt=""></a>
				</div>
			</div>

			<!-- 图片2容器 -->
			<div class="img2Box fr">
				<div class="pic fl">
					<div class="picTitle">
						<div class="text clearfix">
							<span class="fl bg">理想生活上天猫</span>
							<span class="fr"><i>1</i>/6</span>
						</div>
						<div class="line">
							<span></span>
						</div>
					</div>
					<div class="img">
						<a href="#"><img src="images/pic_02.jpg" alt=""></a><a href="#"><img src="images/pic_03.jpg"
								alt=""></a>
					</div>

					<button class="iconfont leftBtn">&#xe50a;</button>
					<button class="iconfont rightBtn">&#xe50c;</button>
				</div>
				<div class="ad fr">
					<p class="title">今日热卖</p>
					<a href="#"><img src="images/ad_03.jpg" alt=""></a>
				</div>
			</div>

			<!-- 淘宝头条 -->
			<div class="news fl">
				<div class="hd fl">
					<h3>淘宝头条</h3>
					<p>让你的生活更有趣</p>
				</div>
				<div class="newList fr">
					<div class="imtem">
						<a href="#" class="fl img"><img src="images/news_img_01.jpg" alt=""></a>
						<h4><a href="#">微漫酱访谈第三期：超萌舞见弥音音！</a></h4>
						<p><a href="#">哈喽，大家好，我是你们可爱的微漫酱，今天我们请到了一位舞见小姐姐来做客我们的访谈事，她就是弥音音！</a></p>
						<a href="#" class="more">更多></a>
					</div>
				</div>
			</div>
		</div>


		<!-- 右边的内容 -->
		<div class="firstRight fr">
			<!-- 用户 -->
			<div class="user">
				<a href="#" class="avatar"><img src="images/avatar.jpg" alt=""></a>
				<p class="username">Hi! 你好</p>
				<p class="members">
					<a href="#" class="gold">领淘金币抵钱</a>
					<a href="#" class="club">会员俱乐部</a>
				</p>
				<div class="btn">
					<button class="login">登录</button>
					<button class="register">注册</button>
					<button class="shop">开店</button>
				</div>
			</div>

			<!-- 举报 -->
			<a href="#" class="tipOff">
				<span>网上有害信息举报专区</span><i class="iconfont">&#xe644;</i>
			</a>

			<!-- 公告区 -->
			<div class="notice">
				<ul class="title">
					<li class="active"><a href="#">公告</a></li>
					<li><a href="#">规则</a></li>
					<li><a href="#">论坛</a></li>
					<li><a href="#">安全</a></li>
					<li><a href="#">公益</a></li>
				</ul>
				<ul class="content clearfix">
					<li class="item1"><a href="#">天猫618进入热身 84个品牌在天猫共获粉丝4.3亿</a></li>
					<li><a href="#">天猫618五折卖车</a></li>
					<li><a href="#">天猫618直播间观看指南</a></li>
				</ul>
			</div>

			<!-- 图标区域 -->
			<table class="icon">
				<tr>
					<td class="item1">
						<a href="#">
							<span></span>
							<i>充话费</i>
						</a>
					</td>
					<td class="item2">
						<a href="#">
							<span></span>
							<i>旅行</i>
						</a>
					</td>
					<td class="item3">
						<a href="#">
							<span></span>
							<i>车险</i>
						</a>
					</td>
					<td class="item4">
						<a href="#">
							<span></span>
							<i>游戏</i>
						</a>
					</td>
				</tr>
				<tr>
					<td class="item5">
						<a href="#">
							<span></span>
							<i>彩票</i>
						</a>
					</td>
					<td class="item6">
						<a href="#">
							<span></span>
							<i>电影</i>
						</a>
					</td>
					<td class="item7">
						<a href="#">
							<span></span>
							<i>酒店</i>
						</a>
					</td>
					<td class="item8">
						<a href="#">
							<span></span>
							<i>理财</i>
						</a>
					</td>
				</tr>
				<tr>
					<td class="item9">
						<a href="#">
							<span></span>
							<i>找服务</i>
						</a>
					</td>
					<td class="item10">
						<a href="#">
							<span></span>
							<i>演出</i>
						</a>
					</td>
					<td class="item11">
						<a href="#">
							<span></span>
							<i>水电煤</i>
						</a>
					</td>
					<td class="item12">
						<a href="#">
							<span></span>
							<i>火车票</i>
						</a>
					</td>
				</tr>
			</table>

			<!-- APP -->
			<div class="app">
				<div class="title cleafix">
					<h3 class="fl">阿里APP</h3>
					<a href="#" class="fr">更多></a>
				</div>
				<ul class="appIcon">
					<li><a href="#"><img src="images/app_01.webp" alt=""></a></li>
					<li><a href="#"><img src="images/app_02.png" alt=""></a></li>
					<li><a href="#"><img src="images/app_03.png" alt=""></a></li>
					<li><a href="#"><img src="images/app_04.png" alt=""></a></li>
					<li><a href="#"><img src="images/app_05.png" alt=""></a></li>
					<li><a href="#"><img src="images/app_06.png" alt=""></a></li>
					<li><a href="#"><img src="images/app_07.jpg" alt=""></a></li>
					<li><a href="#"><img src="images/app_08.png" alt=""></a></li>
					<li><a href="#"><img src="images/app_09.png" alt=""></a></li>
					<li><a href="#"><img src="images/app_10.png" alt=""></a></li>
				</ul>
			</div>
		</div>
	</div>


	<!-- 有好货与爱逛街 -->
	<div class="layer cleafix mt10">
		<!-- 有好货 -->
		<div class="goods fl">
			<div class="head cleafix">
				<h3 class="fl">
					<img src="images/goods.png" alt="有好货">
					<span class="iconfont">&#xe628;</span>
					<i>与品质生活不期而遇</i>
				</h3>
				<a href="#" class="fr change">换一换</a>
			</div>
			<ul class="list">
				<li>
					<a href="#"><img src="images/shop_img_01.jpg" alt=""></a>
					<h4><a href="#">max破产都要买的口红</a></h4>
					<p class="text"><a href="#">《破产姐妹》max最爱Tarte哑光口红笔</a></p>
					<a href="#" class="comment">
						<span class="iconfont">&#xe7fa;</span><i>5950 人说好</i>
					</a>
				</li>
				<li>
					<a href="#"><img src="images/shop_img_02.jpg" alt=""></a>
					<h4><a href="#">max破产都要买的口红</a></h4>
					<p class="text"><a href="#">《破产姐妹》max最爱Tarte哑光口红笔</a></p>
					<a href="#" class="comment">
						<span class="iconfont">&#xe7fa;</span><i>5950 人说好</i>
					</a>
				</li>
				<li>
					<a href="#"><img src="images/shop_img_03.jpg" alt=""></a>
					<h4><a href="#">max破产都要买的口红</a></h4>
					<p class="text"><a href="#">《破产姐妹》max最爱Tarte哑光口红笔</a></p>
					<a href="#" class="comment">
						<span class="iconfont">&#xe7fa;</span><i>5950 人说好</i>
					</a>
				</li>
				<li>
					<a href="#"><img src="images/shop_img_04.jpg" alt=""></a>
					<h4><a href="#">max破产都要买的口红</a></h4>
					<p class="text"><a href="#">《破产姐妹》max最爱Tarte哑光口红笔</a></p>
					<a href="#" class="comment">
						<span class="iconfont">&#xe7fa;</span><i>5950 人说好</i>
					</a>
				</li>
				<li>
					<a href="#"><img src="images/shop_img_05.jpg" alt=""></a>
					<h4><a href="#">max破产都要买的口红</a></h4>
					<p class="text"><a href="#">《破产姐妹》max最爱Tarte哑光口红笔</a></p>
					<a href="#" class="comment">
						<span class="iconfont">&#xe7fa;</span><i>5950 人说好</i>
					</a>
				</li>
				<li>
					<a href="#"><img src="images/shop_img_06.jpg" alt=""></a>
					<h4><a href="#">max破产都要买的口红</a></h4>
					<p class="text"><a href="#">《破产姐妹》max最爱Tarte哑光口红笔</a></p>
					<a href="#" class="comment">
						<span class="iconfont">&#xe7fa;</span><i>5950 人说好</i>
					</a>
				</li>
			</ul>
		</div>

		<!-- 爱逛街 -->
		<div class="goods fr shooping">
			<div class="head cleafix">
				<h3 class="fl">
					<img src="images/shopping.png" alt="有好货">
					<span class="iconfont">&#xe628;</span>
					<i>献给聪明可爱的你</i>
				</h3>
				<a href="#" class="fr change">换一换</a>
			</div>
			<ul class="list">
				<li>
					<a href="#"><img src="images/shop_img_07.jpg" alt=""></a>
					<p class="text">
						<span class="iconfont">&#xe66b;</span>
						<a href="#">【饰悟】925纯银小花迷你耳钉女耳环女气质复古会动的耳钉小耳坠</a>
					</p>
					<a href="#" class="comment">
						<span><img src="images/small_avatar.png" alt=""></span><i>爱逛***01</i>
					</a>
				</li>
				<li>
					<a href="#"><img src="images/shop_img_08.jpg" alt=""></a>
					<p class="text">
						<span class="iconfont">&#xe66b;</span>
						<a href="#">【饰悟】925纯银小花迷你耳钉女耳环女气质复古会动的耳钉小耳坠</a>
					</p>
					<a href="#" class="comment">
						<span><img src="images/small_avatar.png" alt=""></span><i>爱逛***01</i>
					</a>
				</li>
				<li>
					<a href="#"><img src="images/shop_img_09.jpg" alt=""></a>
					<p class="text">
						<span class="iconfont">&#xe66b;</span>
						<a href="#">【饰悟】925纯银小花迷你耳钉女耳环女气质复古会动的耳钉小耳坠</a>
					</p>
					<a href="#" class="comment">
						<span><img src="images/small_avatar.png" alt=""></span><i>爱逛***01</i>
					</a>
				</li>
				<li>
					<a href="#"><img src="images/shop_img_01.jpg" alt=""></a>
					<p class="text">
						<span class="iconfont">&#xe66b;</span>
						<a href="#">【饰悟】925纯银小花迷你耳钉女耳环女气质复古会动的耳钉小耳坠</a>
					</p>
					<a href="#" class="comment">
						<span><img src="images/small_avatar.png" alt=""></span><i>爱逛***01</i>
					</a>
				</li>
				<li>
					<a href="#"><img src="images/shop_img_10.jpg" alt=""></a>
					<p class="text">
						<span class="iconfont">&#xe66b;</span>
						<a href="#">【饰悟】925纯银小花迷你耳钉女耳环女气质复古会动的耳钉小耳坠</a>
					</p>
					<a href="#" class="comment">
						<span><img src="images/small_avatar.png" alt=""></span><i>爱逛***01</i>
					</a>
				</li>
				<li>
					<a href="#"><img src="images/shop_img_11.jpg" alt=""></a>
					<p class="text">
						<span class="iconfont">&#xe66b;</span>
						<a href="#">【饰悟】925纯银小花迷你耳钉女耳环女气质复古会动的耳钉小耳坠</a>
					</p>
					<a href="#" class="comment">
						<span><img src="images/small_avatar.png" alt=""></span><i>爱逛***01</i>
					</a>
				</li>
			</ul>
		</div>
	</div>


	<!-- 右侧固定定位导航 -->
	<div id="tool">
		<span class="iconfont">&#xe605;</span>
		<div class="btn">
			<a href="#" class="c4 active">爱逛 好货</a>
			<a href="#" class="c5">好店 直播</a>
			<a href="#" class="c6">品质 特色</a>
			<a href="#" class="c7">实惠 热卖</a>
			<a href="#" class="c4">猜你 喜欢</a>
			<a href="#" class="item6">反馈</a>
			<a href="#" class="">暴恐 举报</a>
		</div>
	</div>
</body>

</html>

效果图如下：
在这里插入图片描述

Heartbeats g
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
html+css仿静态淘宝页面
11-02
本资源为广大html初学者提供源码，经vscode测试可正常运行。刚学前端，错误在所难免，还望广大网友斧正。
淘宝首页静态页面
weixin_44105812的博客
04-23 2598
在学习的闲暇之余，运用HTML和CSS实现淘宝首页静态页面，无js动态交互； 效果如下： html代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width...
超详细实现淘宝静态页面(附全部代码)
x1037490413的博客
09-12 2万+
文章目录一:基本结构与样式 一:基本结构与样式 1.划分结构的顺序是自上而下,从左往右,保证内容在一行内能显示 2.考虑的因素有内容,颜色块,间距
淘宝网首页仿写(html+css+js）
热门推荐
weixin_46811890的博客
08-10 2万+
【代码】淘宝网首页仿写(html+css+js）
用Html写淘宝静态页面
mamengna的博客
11-22 6020
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <link href="css/taobao.css" rel="stylesheet" type="text/css" /> </head> <body> <d...
淘宝静态页面（HTML + CSS）
08-22
此项目是课余事件练习pc端页面编写能力的，仿淘宝页面，还原度十分逼真，大家可以利用起来里面有很多有用的练习内容大家可以尝试做成活得，省得自己写页面了！！
仿淘宝静态页面
11-23
前端新手可以借鉴一下，里面还有所有的资源图，没分的可以来这里下载：https://github.com/shalltears/test-taobao 。
淘宝静态页面.zip
05-31
仿淘宝静态页面源码
HTML与CSS实现淘宝静态页面（参考版）.rar
09-10
HTML+CSS实现淘宝页面
HTML与CSS实现淘宝静态页面.zip
12-28
html淘宝页面
html静态网页（淘宝网）
09-16
html静态网页（taobao网首页及附页）
静态淘宝页面
09-13
使用HTML与CSS制作的淘宝首页静态页面，适合刚学过HTML与CSS的 人。
仿淘宝网html网页模板_学写静态网页模板参考
01-28
仿淘宝网html网页模板_学写静态网页模板参考
html + css 实现淘宝首页（静态页面）
王大傻的博客
05-16 1万+
html + css 实现淘宝首页（静态页面） 待续。。。 效果图： html代码如下： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>淘宝网 - 淘！我喜欢</title> <link rel="s
前端-淘宝静态界面
Bala_lala的博客
01-21 877
前端学习——淘宝静态界面 使用html与css完成淘宝的静态界面书写。非常适合前端学习者入门练手。不仅可以学到很多工作上用得到的知识，还能养成许多适合前端工作的习惯。
7.26 web前端-淘宝首页设计2
执笔绘江山的博客
07-26 2461
这两段的代码量还好，不是很多，希望大家可以配合昨天的文章观看一下，仔细理解每一个标签的意义和用法，这两部分内容做完，上半部分的内容就搞定了，那么今天就先说到这里，明天我会继续把这个项目说完，包含最重要最后的主体部分和轮播图以及侧边固定栏等知识，希望大家多多捧场，谢谢大家！（ps想要完整源码文件的朋友给个关注和动动你的小手点个攒，私聊我发送给你哦~）...
web前端淘宝购物界面
weixin_56105279的博客
03-17 3370
web前端淘宝购物界面
7.25 web前端-淘宝首页设计
执笔绘江山的博客
07-25 8699
hello everybody，许久不见，甚是想念，关于我为什么四天没更新博客的原因就是本次文章的标题，没错，我们老师布置了项目设计，而我这个大怨种选择了淘宝首页这个页面内容多的，以至于我这个小白敲了四天才完成，那么，今天就来给大家分享一下我完成这个项目的过程吧（事先声明我的作品还原度并没有百分之百达到，做的不好请大家勿喷（QAQ）），下面先给大家做一个最终结果展示：...
淘宝静态页面一
学习记录
08-06 223
line-height的属性值 例如 h3{ line-height: normal; line-height: 1.5; /* 相对单位 1.5*16px */ line-height: 200%; /* 相对单位 2*16px */ line-height: 50px; line-height: 5em; /* 相对单位 5*16px */ } 例如 <style> body { fo
淘宝静态页面html代码
最新发布
11-19
很抱歉，由于淘宝页面的版权问题，我们无法提供淘宝静态页面的HTML代码。但是，你可以通过浏览器的开发者工具来查看淘宝页面的HTML代码。具体步骤如下： 1. 打开淘宝网站并进入你想要查看的页面。 2. 在页面上右键...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值