1 回答
交互式爱情
TA贡献1712条经验 获得超3个赞
给你写了个小例子，直接复制过去就能看了~
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
.myBtn{
width: 80px;
height: 36px;
background-color:#20A0FF;
color: white;
border: none;
cursor: pointer;
/*渐变效果,可以删掉这句话试试*/
transition:all 0.8s;
}
.myBtn:hover{
/*鼠标悬浮效果*/
/*阴影*/
box-shadow: 5px 5px 5px grey;
/*发光*/
background-color: #58B7FF;
}
</style>
</head>
<body>
<button class="myBtn">举个栗子</button>
</body>
</html>
添加回答
举报
0/150
提交
取消