模板:测试3/styles.css

.button-group {
  display: inline-block;
  border: 1px solid #cccccc; /* 边框颜色 */
  border-radius: 5px; /* 圆角边框 */
  background-color: #f9f9f9; /* 容器背景色 */
  padding: 5px; /* 容器内边距 */
  margin: 5px; /* 调整小容器之间的外部边距 */
}

.flat-button {
  display: inline-block;
  padding: 10px 15px;
  margin: 2px; /* 控制按钮之间的内部间距 */
  background-color: #f2f2f2;
  border: none;
  border-radius: 5px; /* 圆角按钮 */
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  transition: background-color 0.3s;
}

.flat-button:hover {
  background-color: #e6e6e6;
}