以HTML样式分配按钮的背景色和文本色

Question

我有一个按钮，试图在同一html语句中为其赋予样式属性，但没有获得正确的输出。

<button style="color:yellow" style="background-color:blue" type="button" onclick="alert('Hello world!')">Click Me!</button>

我只想在此html代码中将文本颜色设置为黄色，将背景颜色设置为蓝色，而不使用任何类型的CSS。我该怎么办？

Answer 1

您只能使用一次样式。在每个属性之间使用分号。

<button style="color:yellow; background-color:blue;" type="button" onclick="alert('Hello world!')">Click Me!</button>

Answer 2

您需要将所有样式属性保留在一个标签中，并用分号将它们分开。

<button style="color:yellow; background-color:blue;" type="button" onclick="alert('Hello world!')">Click Me!</button>

Answer 3

另一种方法是为其分配一个类，然后在其中输入所需的值

 <button class="btn" type="button">Click Me</button>

然后在其CSS文件中

.btn{
 background-color:blue;
 }