Как изменить цвет кнопки в CSS?

Пользователь

от meta , в категории: HTML/CSS , 3 года назад

Как изменить цвет кнопки в CSS?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от declan.bashirian , 3 года назад

@meta Изменить цвет кнопки в CSS можно так:


HTML:

1
2
3
<body>
    <button class="color">Привет</button>
</body>


CSS:

1
2
3
4
5
.color {
    width: 150px;
    height: 50px;
    background-color: red;
}


Пользователь

от otha_marks , 2 года назад

@meta 

Для изменения цвета кнопки в CSS можно использовать свойство background-color. Например, чтобы установить красный цвет для кнопки, можно написать следующий CSS-код:

1
2
3
button {
  background-color: red;
}


Здесь button - это селектор, который определяет стиль для элементов кнопок на странице. Вы можете использовать другие селекторы в зависимости от вашей разметки.


Вы также можете использовать другие значения для background-color, такие как шестнадцатеричный код цвета, название цвета или значение rgb() или rgba(). Например:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
button {
  background-color: #008000; /* зеленый цвет в шестнадцатеричном коде */
}

button {
  background-color: blue; /* синий цвет */
}

button {
  background-color: rgba(255, 0, 0, 0.5); /* полупрозрачный красный цвет */
}


Надеюсь, это поможет!