/* 文本颜色和字体大小 */
body {
  color: #333;
  font-family: Arial, sans-serif;
}

/* 下划线效果 */
a {
  text-decoration: underline;
}

/* 加粗效果 */
strong {
  font-weight: bold;
}

/* 斜体效果 */
em {
  font-style: italic;
}

/* 背景颜色 */
section {
  background-color: #f8f8f8;
}

/* 边框样式 */
div {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 10px;
}

/* 图像圆角效果 */
img {
  border-radius: 50%;
}

/* 图像阴影效果 */
img:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

/* 响应式布局 */
@media screen and (max-width: 600px) {
  /* 在小屏幕上调整样式 */
  .container {
    width: 100%;
  }
}

/* 网格布局 */
.grid-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

/* 按钮样式 */
button {
  background-color: #007BFF;
  color: #fff;
  padding: 10px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

/* 按钮悬停效果 */
button:hover {
  background-color: #0056b3;
}