<!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>
导航1
导航2
导航3
导航4
导航5
</body>
</html>
本文转载自: https://blog.csdn.net/2301_76565425/article/details/130113955
版权归原作者 麻酱麻将 所有， 如有侵权，请联系我们删除。
版权归原作者 麻酱麻将 所有， 如有侵权，请联系我们删除。