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);
}

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

相关问题

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;
}

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

請與這個label標簽右對其label { display: inline-block; width: 120px; text-align: right; margin-right: 16px; } #submit button { background-color: blue; color: white; border: none; padding: 10px 20px; border-radius: 5px; font-size: 16px; cursor: pointer; } #submit button:hover { background-color: navy; }

好的，您可以将这两段 CSS 代码合并起来，如下所示：

label {
  display: inline-block;
  width: 120px;
  text-align: right;
  margin-right: 16px;
}

#submit button {
  background-color: blue;
  color: white;
  border: none;
  padding: 10px 20px;
  border-radius: 5px;
  font-size: 16px;
  cursor: pointer;
}

#submit button:hover {
  background-color: navy;
}

这样，您的标签和提交按钮将会同时具有这些样式。