前端周易金钱卦模拟网页
代码如下
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>金钱挂模拟</title>
<style>
.button {
display: inline-block;
padding: 15px 25px;
font-size: 24px;
cursor: pointer;
text-align: center;
text-decoration: none;
outline: none;
color: #fff;
background-color: rgb(63, 87, 129);
border: none;
border-radius: 15px;
box-shadow: 0 9px #999;
}
.button:hover {
background-color: #1b57b1}
.button:active {
background-color: #4e7ab4;
box-shadow: 0 5px rgb(163, 169, 175);
transform: translateY(4px);
}
</style>
<style>
.sdu {
display: inline-block;
padding: 15px 25px;
font-size: 24px;
cursor: pointer;
text-align: center;
text-decoration: none;
outline: none;
color: #fff;
background-color: rgb(73, 23, 88);
border: none;
border-radius: 15px;
box-shadow: 0 9px rgb(43, 5, 75);
}
.sdu:hover {
background-color: #583158}
.sdu:active {
background-color: #5d3e6b;
box-shadow: 0 5px rgb(39, 1, 51);
transform: translateY(4px);
}
</style>
</head>
<style>
body
{
background-color: rgb(241, 240, 233);
}
}