文中已经详细注释啦，你可以直接复制代码到编辑器中预览就行啦。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
button a{
text-decoration: none /* 去除a标签的下划线 */
color:#000 /*颜色设置为黑色*/
}
button{
border:1px solid #ccc/*设置button的边框*/
outline:none /*去除button的外边框*/
padding: 9px /*设置button的内边距*/
}
button:hover{
background-color:#8ac007/*鼠标移入，改变button背景颜色*/
transition:background 0.5s/*给改变背景颜色设置过过渡属性，颜色为0.5秒*/
}
button:hover a{
color: #fff/*鼠标移入，改变button中a标签的颜色*/
}
</style>
</head>
<body>
<!-- 你可以把a标签放在button内，这样就可以跳转了 -->
<button>
<a href="Raven2.html">点击跳转到index</a>
</button>
</body>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）