<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
.mm{
color: aliceblue;
width: 100px;
height: 100px;
background-color: darkred;
/* a显示模式是行内模式，加宽高默认不生效，要转显示模式 */
display: inline-block;
/* 行高是上下文之间的距离，实际中他是50高度，而高度总和100，刚好位于中间 */
line-height: 100px;
text-align: center;
text-decoration: none;
}
.mm:hover{
background-color: aquamarine;
}
</style>
</head>
<body>
<a href="#" class="mm">导航1</a>
<a href="#" class="mm">导航2</a>
<a href="#" class="mm">导航3</a>
<a href="#" class="mm">导航4</a>
<a href="#" class="mm">导航5</a>
</body>
</html>
03-03
06-20
2万+
2万+
06-02
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
