/* 基础 CSS 代码 */

/* 让整个页面的文字居中对齐 */
body {
  text-align: center;
  font-family: sans-serif;
  margin-top: 50px;
}

/* 美化按钮 */
#myButton {
  background-color: #4CAF50; /* 绿色背景 */
  color: white;              /* 白色文字 */
  padding: 10px 20px;        /* 按钮内部的间距 */
  border: none;              /* 移除默认的边框 */
  border-radius: 5px;        /* 让按钮的角变圆润 */
  cursor: pointer;           /* 鼠标放上去时变成小手图标 */
  font-size: 16px;
}

/* 当鼠标悬停在按钮上时的效果 */
#myButton:hover {
  background-color: #45a049; /* 颜色稍微变深一点 */
}

/* 设置默认文本的样式 */
#myText {
  color: #333333; /* 深灰色 */
  font-size: 18px;
  margin-top: 20px;
}