英文汉字切换导航的第二种

大家可以对比一下之前的看看那种好；

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<style>
*{
margin：0 ;
padding: 0;
}
div{
width:1000px;
height: 60px;
}
ul{
list-style: none;
}
li{
float: left;
width: 80px;
height: 20px;
background:blue;
text-align: center;
overflow: hidden;

}
i{
font-style: normal;
}
li:hover i{
display: none;
}
li:hover span{
display: block;
}
a{ display: block;
text-decoration: none;
}
span{
display: none;
}
</style>
<body>
<div>
<ul>
<li><a href="">home首页</a></li>
<li><a href="">home首页</a></li>
<li><a href="">home首页</a></li>
<li><a href="">home首页</a></li>
<li><a href="">home首页</a></li>
</ul>
</div>
</body>
</html>

posted @ 2018-03-07 11:12 悔创阿里-杰克马阅读(117) 评论(0) 收藏举报

刷新页面返回顶部

悔创阿里-杰克马

英文汉字切换导航的第二种

公告