<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>$美少女战士$</title>
<style>
div {
width: 650px;
height: 80px;
background-color: #000
}
span {
width: 120px;
height: 80px;
/*转换为行内块*/
display: inline-block;
text-align: center;
/*行高 line-height: 文字垂直居中：文字的行高 == 盒子高度*/
line-height: 80px;
}
span:hover {
background-color: gold;
}
a {
/*清除下划线*/
text-decoration: none;
color: #fff;
}
/*伪类选择器 :target :hover 鼠标移入怎么样*/
</style>
</head>
<body>
<div>
<span><a href="#">发现音乐</a></span>
<span><a href="#">我的音乐</a></span>
<span><a href="#">朋友</a></span>
<span><a href="#">商城</a></span>
<span><a href="#">下载客户端</a></span>
</div>
</body>
</html>
07-28
6942
6942
“相关推荐”对你有帮助么？
-
非常没帮助 -
没帮助 -
一般 -
有帮助 -
非常有帮助
提交
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
