仿唯品会导航栏第二版

摘要：<!DOCTYPE html><html><head> <meta charset=utf-8" /> <title>唯品会</title> <link href="http://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.m

<!DOCTYPE html>

<html>

<head>

*{margin:0px;padding:0px;}

a{text-decoration:none;color:#666;font-size:15px;display:inline-block;}

li{list-style:none;}

div span{color:#999;}

.clear{clear:both;}

.header{width:1400px;height:35px;background-color:#F5F5F5;}

.centent{width:1000px;margin:0px auto;text-align:center;line-height:35px;}

.centent-left{width:100px;height:35px;float:left;}

.centent-right{width:800px;height:35px;float:right;}

.centent-right a{display:inline-block;padding:0px 8px;position:relative;}

.a1,.a3:hover{color:#F06;}

#a2:hover{background:#FFF;}

.a3 ul{border:1px solid #999;border-top:none;display:none;}

.a3:hover ul{display:block;position:absolute;width:300px;}

.a3 ul li{color:#666;}

.a3 ul li:hover{color:#F06;}

.index1{display:inline;}

.index2{display:inline;}

.index3{display:inline;}

#main1:hover{color:#F06;}

</style>

</head>

<body>

</div>

<a href class="a3" id="a2">请登录

<ul>

<div>

</div>

</div>

<li class="index2">我的唯品币               </li>

<li class="index2">我的优惠券                </li>

</ul>

</a><span>/</span>

<a href class="a1" id="a2">会员俱乐部 <i class="fa fa-caret-down"></i></a><span>/</span>

</div>

</body>

</html>

批改老师：灭绝师太批改时间：2018-11-15 09:05:51
老师总结：布局中不要用到太多的 占位符只限个别使用或者不使用，标签属性掌握不熟练，要加强练习

仿唯品会导航栏第二版

热门词条