<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>京东</title>
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/index.css">
<link rel="shortcut icon" href="favicon.ico">
<style>
i {
position: relative;
font: 400 15px/15px "宋体";
}
s {
position: absolute;
top: 0px;
left: 0px;
}
li {
float: left;
}
</style>
</head>
<body>
<!--顶部导航start-->
<div class="shortcut">
<!--版心-->
<div class="w">
<!--左浮动区域-->
<div class="fl">
<div class="dt"> 送至：北京
<i><s>◇</s></i>
</div>
</div>
<!--右浮动区域-->
<div class="fr">
<ul>
<li>
<a href="#">你好，请登录</a>
<a href="#" class="col-red">免费注册</a>
</li>
<li class="line"></li>
<li>我的订单</li>
<li class="line"></li>
<li class="fore">我的京东
<i><s>◇</s></i>
</li>
<li class="line"></li>
<li>京东会员</li>
<li class="line"></li>
<li>企业采购</li>
<li class="line"></li>
<li class="fore tel-jd">
<em class="tel"></em> <!--小手机图标-->
手机京东
<i><s>◇</s></i>
</li>
<li class="line"></li>
<li class="fore">
关注京东
<i><s>◇</s></i>
</li>
<li class="line"></li>
<li class="fore">
客户服务
<i><s>◇</s></i>
</li>
<li class="line"></li>
<li class="fore">
网站导航
<i><s>◇</s></i>
</li>
</ul>
</div>
</div>
</div>
<!--顶部导航end-->
</body>
</html>
【CSS源码】前端基础练习-京东顶部导航
需积分: 40 38 浏览量
2018-01-19
22:43:07
上传
评论 4
收藏 16KB RAR 举报
2018-01-19-前端基础练习-JD顶部导航.rar （9个子文件） 
前端基础练习-JD顶部导航 css 
base2.css 2KB base.css 3KB index.css 6B images 
sprite.png 1KB
index.html 2KB .idea modules.xml 392B workspace.xml 11KB 前端基础练习-JD顶部导航.iml 506B inspectionProfiles favicon.ico 25KB
评论0
最新资源