Я пытаюсь создать лист CSS внутри документа HTML, чтобы изменить фоновое изображение ссылки.
Вы можете сделать так, чтобы CSS сделал так, чтобы при наведении мышки на что-то подобное можно было изменить егоцвет
<!DOCTYPE html>
<html>
<head>
<style>
#a1:link, #a1:visited {
background-color:red;
padding: 15px 25px;
text-decoration: none;
}
#a1:hover, #a1:active {
background-color:green;
}
</style>
</head>
<body>
<a id="a1" href="home.html">
</a>
</body>
</html>
Есть ли способ вместо цвета сделать изображение?Я пробовал background-image: url ('locationtoimage.jpg'), и это просто делает ссылку исчезнуть.Я изменил оба цвета фона на background-image, и я сделал правильный формат и все такое, но это не сработает?Я пытался найти его в Google, но все просто просят кнопки, похожие на вещи, но я имею дело со ссылками.
Извините, если на этот вопрос уже ответили где-то еще.Я пытался искать, но я ничего не могу найти.Я действительно уверен, что это возможно и просто, и я мог бы просто что-то посмотреть.Вот что у меня есть.
<!DOCTYPE html>
<html>
<head>
<style>
#a1:link, #a1:visited {
background-image:url('media.jpg');
padding: 15px 25px;
text-decoration: none;
}
#a1:hover, #a1:active {
background-image:url('home.jpg');
}
</style>
</head>
<body>
<a id="a1" href="home.html">
</a>
</body>
</html>
это работает, хотя
<!DOCTYPE html>
<html>
<head>
<style>
#a1 {
width: 200px;
height: 200px;
}
#a1:link, #a1:visited {
background-image:url('imageatasite');
padding: 15px 25px;
text-decoration: none;
}
#a1:hover, #a1:active {
background-image:url('imageatasite');
}
</style>
</head>
<body>
<a id="a1" href="home.html">
</a>
</body>
</html>
, но я не использую изображение онлайн, которое я использую, которое находится в моей папке html, но оно не будет работать?