<!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>
h5导航跳色
转载请注明出处或者链接地址：https://www.qianduange.cn//article/7589.html
相关文章
-
localStorage.setItem()、localStorage.getItem()、JSON.stringify()、 JSON.parse()；的使用
-
npm报错：request to https://registry.npm.taobao.org failed, reason certificate has expired
-
npm ERR! code CERT_HAS_EXPIREDnpm ERR! errno CERT_HAS_EXPIRED
-
查看、设置npm的prefix：npm全局安装的包的存放路径
-
npm ERR! code ERESOLVEnpm ERR! ERESOLVE could not resolve 报错，版本冲突，最全解决步骤(#^.^#)
-
npm ERR! code ERR_INVALID_URL报错解决
-
npm设置镜像 淘宝最新镜像源
-
Python Web开发记录 Day5：jQuery（JavaScript库）
-
npm install时出现：npm ERR! code CERT_HAS_EXPIRED
-
npm install的-S和-D的区别
发布的文章
localStorage.setItem()、localStorage.getItem()、JSON.stringify()、 JSON.parse()；的使用
2024-05-12 17:05:02
vue elementUI XLSX.utils.sheet_to_json实现复杂表头的导入功能
2024-05-12 17:05:00
HuTool工具使用(JSONUtil JSONObject JSONArray)
2024-05-12 17:05:59
(全网最详细) FastJson解析器JsonPath的使用
2024-05-12 17:05:58
java循环遍历无规则json的三种方式：gson、fastjson、orgjson
2024-05-12 17:05:58
jackson、gson、fastjson和json-lib四种主流json解析框架对比
2024-05-12 17:05:58
关于fastjson版本报错write javaBean error, fastjson version 1.2.62, fieldName : 8
2024-05-12 17:05:57
JSON parse error: Cannot deserialize value of type `java.util.ArrayList＜java.lang.Long＞` from Object
2024-05-12 17:05:57
【JavaScript】 发送 POST 请求并带有 JSON 请求体的几种方法
2024-05-12 17:05:57
Unity读取Json的几种方法
2024-05-12 17:05:57
大家推荐的文章