[решено] Меняющаяся кнопка

Coutty · Конфигурация компьютера

Такой вариант:

HTML код:

<html>
<head>
<title>Заголовок</title>
<style>
a {
	font-weight:bold; 
	font-size:20;
	text-decoration:none;
	color:white;
	}
		
div.na {
	position:absolute;.
	left:10;
	width:269;
	height:53;
	text-align:center;
	background-image:url('1.gif');
	}
	
div:hover.na {
	background-image:url('2.gif');
	} 
</style>
</head>

<body>
<div class='na' style='top:0' onmouseover='this.style.backgroundImage="url(\"2.gif\")"' onmouseout='this.style.backgroundImage="url(\"1.gif\")"'><a href='link1.html'>О породе</a></div>
<div class='na' style='top:35' onmouseover='this.style.backgroundImage="url(\"2.gif\")"' onmouseout='this.style.backgroundImage="url(\"1.gif\")"'><a href='link2.html'>Ананас</a></div>
<div class='na' style='top:70' onmouseover='this.style.backgroundImage="url(\"2.gif\")"' onmouseout='this.style.backgroundImage="url(\"1.gif\")"'><a href='link3.html'>В добрые руки</a></div>
<div class='na' style='top:105' onmouseover='this.style.backgroundImage="url(\"2.gif\")"' onmouseout='this.style.backgroundImage="url(\"1.gif\")"'><a href='link4.html'>Horror</a></div>
<div class='na' style='top:140' onmouseover='this.style.backgroundImage="url(\"2.gif\")"' onmouseout='this.style.backgroundImage="url(\"1.gif\")"'><a href='link5.html'>Гостевая</a></div>
</body>
</html>

Если хотите шрифт дугой, то только на картинках рисовать.

А кошки мне не понравились