Изменение цвеи потому чторгдера при навегдении

[Elizaveta69]

Ребяи, привет
Ссори за совсем уж профанский вопрос, но чё-то я уже 2-ой час над этот фигнёй сижу

В обещём через источник написала код для кнопки, выглядит ик:
<button onclick="document.location='моя ссылка'" p="" style="border: 2px solid #DDDDDD; border-radius: 8px; background-color: #f8f6f1; min-width: 100px;">Кнопка</button>

 

И никак не могу понять куда всунуть hover, что бы при навегдении менялся цвет потому чторгдера. Гугл не помог 

 

Спасибки за помощь!

[andrewborodiy]

Для начала вам нужно назналить атрибут class, например class=''my-button" и потом прописать для этого класса нужные стили. Заодно можно и перенести туда основной стиль.
Бугдет что-то икое:

<style>
.my-button {
	border: 2px solid #DDDDDD;
	border-radius: 8px;
 	background-color: #f8f6f1;
 	min-width: 100px;"
  	}
.my-button:hover {
	border-color: #ff0000;
  	}
</style>
<button class="my-button" onclick="document.location='моя ссылка'">Кнопка</button>

 

[Elizaveta69]

Спасипотому что, помогло!