/* 
    使用此样式为文本、背景和按钮设置蓝绿渐变色。
    按钮将具有圆角效果。
*/

/* 设置背景渐变色 */
body {
        background: linear-gradient(to right, #006aff, #079a50);
        color: #ffffff; /* 文本颜色 */
        font-family: Arial, sans-serif; /* 字体 */
        margin: 0;
        padding: 20px;
}

/* 按钮样式 */
button {
        height: 50px;
        width: 200px;
        background-color: #007f7f; /* 按钮背景色 */
        color: #ffffff; /* 按钮文本颜色 */
        border: none; /* 去掉边框 */
        border-radius: 12px; /* 圆角效果 */
        text-align: center; /* 文字居中 */
        padding: 10px 20px; /* 内边距 */
        cursor: pointer; /* 鼠标悬停时显示手形光标 */
        transition: background-color 0.3s; /* 背景色过渡效果 */
}

/* 超链接样式 */
a {
        height: 50px;
        width: 200px;
        background-color: #007f7f; /* 按钮背景色 */
        color: #ffffff; /* 按钮文本颜色 */
        border: none; /* 去掉边框 */
        border-radius: 12px; /* 圆角效果 */
        padding: 10px 20px; /* 内边距 */
        cursor: pointer; /* 鼠标悬停时显示手形光标 */
        transition: background-color 0.3s; /* 背景色过渡效果 */
}

/* 按钮悬停效果 */
button:hover {
        background-color: #005f5f; /* 悬停时的背景色 */
}

/* 超链接悬停效果 */
a:hover {
        background-color: #005f5f; /* 悬停时的背景色 */
}