一级变色导航
·
话不多说先看效果再上代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
a {
/* 去掉超链接下划线 */
text-decoration: none;
color: white;
text-align: center;
line-height: 40px;
width: 100px;
height: 40px;
background-color: pink;
}
a {
/* 将块元素改为行内块元素 */
display: inline-block;
}
/* 鼠标移动到导航上，变换背景和字体颜色 */
a:hover {
background-color: orange;
color: black;
}
</style>
</head>
<body>
<div>
<a href="#">新闻</a>
<a href="#">体育</a>
<a href="#">汽车</a>
<a href="#">娱乐</a>
</div>
</body>
</html>
AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念，把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起，为开发者提供从开发、训练到部署的一站式体验。
更多推荐
3
0- 0
已为社区贡献2条内容
所有评论(0)