Заоблен div

cold_zero

Registered
Трябва ми код за заоблен div който ще използвам като бутон. Да има също и при hover да се сменя цвета и т.н.
 
Да, ама това е кофти да се направи при hover да си сменя цвета, защото са 3 diva... Сега ще се опитам да го преработя, но все пак, ако някой има код който да бачка да даде. Аз имам, но ъглите не са заоблени под IE.
 
Код:
<html>
<head>
<style>
#buton 
{
text-decoration: none;
}

#buton a
{
background: black;
text-align: center;
color: white;
-moz-border-radius: 3px;
-webkit-border-radius: 3px; 
text-decoration: none;
padding: 4px 10px;
}

#buton a:hover
{
background: green;
text-align: center;
color: white;
text-decoration: none;
-moz-border-radius: 3px;
-webkit-border-radius: 3px; 
}
</style>
</head>
<body>
<div id="buton"><a href="#">Buton</a></div>
заоблянето само под Мозила и Сафари
</body>
</html>
 
Единствения начин да работи под ИЕ е да го направиш с картинки. Ето и един начин -> http://www.roundedcornr.com/
 

Back
Горе