Изменение цвета бордера при наведении

[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]

Спасибо, помогло!