Html 需要在我的按钮上的白色文本，而不是我的橙色链接

我的正常超链接颜色为橙色，但我希望按钮中的超链接颜色为白色，而不是下划线。我该怎么做

另外，如果我想要按钮之间有一些垂直间距，我会怎么做呢

JSFiddle：

HTML:

你需要使用

.orange.btn {
    background-color: #f66511;
  }

  .blue.btn {
    background-color: #2251a4;
  }

（您遗漏了橙色和蓝色前面的“.”表示类别

对于垂直间距，可以使用以下css：

.btn {
  margin-bottom: 5px;
}

---

您没有正确定义变量类。请尝试以下操作：

.btn.orange {
    background-color: #f66511;
}

.btn.blue {
    background-color: #2251a4;
}

至于垂直间距，您可以在

.btn

类上设置底部边距。由于您已经有

边距

属性，您只需添加以下内容：

margin: 0 auto 10px; // Added third argument for bottom value

这是我的建议

编辑：要更改橙色按钮的颜色，请在相应的类上设置

color

属性：

.btn.orange {
    background-color: #f66511;
    color: #fff;
}

将css更改为

  .orange {
        background-color: #f66511;
      }

      .blue {
        background-color: #2251a4;
      }

你只需要使用

.orange {
    background-color: #f66511;
}

.blue {
    background-color: #2251a4;
}

并查看添加垂直间距的边距

---

我建议您温习一下html知识。尝试使用交互式教程。

我更新了我的答案，以说明您问题的变化。但是，请记住，后续问题最好作为注释或完全作为新问题提问：）对于垂直间距，如果我想设置上边距怎么办？只需将

margin

属性更改为

margin:10px auto 0
  .orange {
        background-color: #f66511;
      }

      .blue {
        background-color: #2251a4;
      }

.orange {
    background-color: #f66511;
}

.blue {
    background-color: #2251a4;
}