Изменение цвета кнопки HTML
Я пытаюсь создать кнопку пожертвования для нашего школьного веб-сайта, и пока все прошло хорошо, но мой учитель попросил меня, возможно, найти способ изменить цвет кнопки, мне было интересно, как я могу это сделать, и есть ли у него чтобы быть конкретными цветами?
Вот мой код:
<form action = "http://google.com">
<input type = "submit" value = "Donate!" style = "font-size:99px;height: 180px; width: 700px"/>
</form>
в то время как я ценю, что вы, возможно, новичок в веб-разработке - и, если вы находятся, тогда добро пожаловать! - а вы что-нибудь пробовали? Кажется, этот вопрос легко разрешить с помощью поисковой системы.
Ответы 3
Просто используйте цвет фона:
<form action = "http://google.com">
<input type = "submit" value = "Donate!" style = "font-size:99px;height: 180px; width: 700px;background-color: green;"/>
</form>Для цвета фона вы можете использовать свойство background-color следующим образом:
<form action = "http://google.com">
<input type = "submit" value = "Donate!" style = "background-color: #ff6666; font-size:99px;height: 180px; width: 700px"/>
</form>Вы можете получить цветовые коды онлайн (http://www.color-hex.com/)
Чтобы изменить цвет фона элемента, вы можете использовать свойство CSS «background» или «background-color». У некоторых цветов есть эквивалент названия цвета, но вы можете уточнить его, используя шестнадцатеричные цвета. Есть много веб-сайтов, которые могут помочь вам найти точный цвет, например https://htmlcolorcodes.com.
Вот пример с красным фоном:
С названием цвета:
<input type = "submit" value = "Donate!" style = "font-size:99px;height: 180px; width: 700px; background: red"/>
Шестнадцатеричным цветом:
<input type = "submit" value = "Donate!" style = "font-size:99px;height: 180px; width: 700px; background: #FF0000"/>
какой цвет нужно изменить? цвет фона, цвет шрифта, цвет границы?