返回导航案例作业...登陆

导航案例作业

李木子2019-06-16 23:09:5646

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>导航案例</title>

<style>

*{

margin:0;

padding:0;

}

a{

text-decoration:none;

color:#000;

font-size:13px;

}

.q{

clear:both;

}

.header{

width:100%;

background-color:#f5f5f5;

}

.cont{

width:1200px;

margin: 0px auto;

line-height:40px;

}

.c_left{

height:40px;

float:left;

}

.c_right{

width:500px;

float:right;

}

.b{

display:inline-block;

width:70px;

height:40px;

text-align:center;

}

.c_left a{

margin-right:5px;

}

.cont a:hover{

color:#ff5000;

}

.b:hover{

background-color:#FFF;

}

</style>

</head>


<body>

<div class="header">

<div class="cont">

<div class="c_left">

<a href="#" class="b">中国大陆 <span>v</span></a>

<a href="#" style="color:#ff5000;">亲,请登录</a>

<a href="#">免费注册</a>

<a href="#">手机逛淘宝</a>

</div>


<div class="c_right">

<a href="#" class="b">我的淘宝 <span>v</span></a>

<a href="#" >购物车</a>

<a href="#" class="b">收藏夹 <span>v</span></a>

<a href="#">商品分类</a>

<a href="#" class="b">卖家中心 <span>v</span></a>

<a href="#" class="b">客服中心 <span>v</span></a>

</div>

<div class="q"></div>

</div>

</div>

</body>

</html>


最新手记推荐

• 用composer安装thinkphp框架的步骤• 省市区接口说明• 用thinkphp,后台新增栏目• 管理员添加编辑删除• 管理员添加编辑删除

全部回复(0)我要回复

暂无评论~
  • 取消回复发送
  • PHP中文网