Правилно ли прилагам (комбинирам) следните атрибути
border:5px solid; и
a:link {color:#FF0000;} /* unvisited link */
a:visited {color:#00FF00;} /* visited link */
a:hover {color:#FF00FF;} /* mouse over link */
a:active {color:#0000FF;} /* selected link */
към изображение което се ползва като линк
Пример:
http://www.w3schools.com/html5/tryit.asp?filename=tryhtml5_img
<!DOCTYPE HTML>
<html>
<head>
<style type="text/css">
a:link {color:#FF0000;} /* unvisited link */
a:visited {color:#00FF00;} /* visited link */
a:hover {color:#FF00FF;} /* mouse over link */
a:active {color:#0000FF;} /* selected link */
</style>
</head>
<body>
<a href="http://www.w3schools.com"><img style="border:5px solid;" src="angry.gif" alt="Angry face" width="32" height="32" /></a>
</body>
</html>
border:5px solid; и
a:link {color:#FF0000;} /* unvisited link */
a:visited {color:#00FF00;} /* visited link */
a:hover {color:#FF00FF;} /* mouse over link */
a:active {color:#0000FF;} /* selected link */
към изображение което се ползва като линк
Пример:
http://www.w3schools.com/html5/tryit.asp?filename=tryhtml5_img
<!DOCTYPE HTML>
<html>
<head>
<style type="text/css">
a:link {color:#FF0000;} /* unvisited link */
a:visited {color:#00FF00;} /* visited link */
a:hover {color:#FF00FF;} /* mouse over link */
a:active {color:#0000FF;} /* selected link */
</style>
</head>
<body>
<a href="http://www.w3schools.com"><img style="border:5px solid;" src="angry.gif" alt="Angry face" width="32" height="32" /></a>
</body>
</html>