网页制作模仿（5）

 接下来我们做红框的部分，这部分其实是整个头部的一小部分。

html代码如下：

<!--可以解释为上一节的第五个部分-->
			<div class="xiaodao">
				<ul>
					<li><a href="#" class="fredf">秒杀</a>
						<a href="#" class="fredf">优惠卷</a>
						<a href="#" class="black">PLUS会员</a>
						<a href="#" class="black">品牌闪购</a>
						<a href="#" class="black">拍卖</a>
						<a href="#" class="black">京东家电</a>
						<a href="#" class="black">京东超市</a>
						<a href="#" class="black">京东生鲜</a>
						<a href="#" class="black">京东国际</a>
						<a href="#" class="black">京东云</a>
					</li>
				</ul>
			</div>

css代码如下：

.xiaodao{
		width: 720px;
		height: 40px;
		position: absolute;
		bottom: 0;
		left: 265px;
		line-height: 40px;
	}
	.xiaodao li{
		
		float: left;
	}
	.xiaodao li a{
		font-size: 16px;
		margin-right: 10px;
		/*color: #555;*/
	}
.black{
		color: #555;
	}

京东头部部分就做完了，下期会讲京东底部，已经做好的样子如下。