button { display: block; margin-top: 10px; padding: 5px 10px; background-color: #2b7ae7; color: white; border: none; border-radius: 4px; cursor: pointer; } 将按钮设置为圆角矩型

可以使用 CSS 的 border-radius 属性将按钮设置为圆角矩形，例如：

button {
  display: block;
  margin-top: 10px;
  padding: 5px 10px;
  background-color: #2b7ae7;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

其中，border-radius 属性的值为 4px，表示将按钮的四个角设置为 4px 的圆角。你可以根据需要调整这个值。

相关问题

button { display: block; margin-top: 10px; padding: 5px 10px; background-color: #2b7ae7; color: white; border: none; border-radius: 4px; cursor: pointer; } 将按钮设置为圆型

可以使用 `border-radius` 属性将按钮设置为圆形，像这样：

button {
  display: block;
  margin-top: 10px;
  padding: 5px 10px;
  background-color: #2b7ae7;
  color: white;
  border: none;
  border-radius: 50%; /* 设置为50%即可 */
  cursor: pointer;
}

请注意，这将使按钮变为一个圆形，而不是圆角矩形。

button { display: block; margin-top: 10px; padding: 5px 10px; background-color: #2b7ae7; color: white; border: none; border-radius: 4px; cursor: pointer;} 让按钮看起来更立体

你可以通过添加一些阴影来让按钮看起来更立。可以使用CSS的box-shadow属性来添加阴效果，例如：

button {
  display block;
  margin-top: 10px;
  padding: 5px 10px;
  background-color #2b7ae7;
  color: white;
  border:;
  border-radius: px;
  cursor:;
  box-shadow: 0 3 6px rgba(0, 0, 0, 0.2);
}

这会在按钮下方添加一个稍微偏移的阴影，使按钮看起来更加立体。你可以根据需要调整阴影的颜色和大小。