Назначение цвета фона и цвета текста кнопки в стиле 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 class="btn" type="button">Click Me</button>

, затем в его файле css

.btn{
 background-color:blue;
 }

Answer 3

Вы должны использовать стиль только один раз.Используйте точку с запятой между каждым свойством.

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