Graphic buttons with CSS
In the blog Woork I have met an excellent tutor with whom we can implement graphic linkage using only HTML and CSS and the results that we obtain they are spectacular. Also we can include graphs (icons) to complement the buttons. The steps are very simple to implement this skill, and also they can unload a bundle of very showy icons to place them along with his linkage. The code HTML would be something like that: Los pasos son muy sencillos para implementar esta técnica, y también pueden descargar un paquete de iconos muy vistosos para colocarlos junto a sus enlaces. El código HTML sería algo así:
-
-
<to href = "#" class = "button">
-
-
<span class = "add"> Add to your bookmark </span>
-
-
</to>
-
And the code CSS for the styles would be the following one:
-
-
a.button {
-
-
background:url (img/button.gif););
-
-
display:block;
-
-
color: # 555555;;
-
-
font-weight:bold;
-
-
height:30px;
-
-
line-height:29px;
-
-
margin-bottom:14px;
-
-
text-decoration:none;
-
-
width:191px;
-
-
}
-
-
a:hover.button {
-
-
color: # 0066CC;;
-
-
}
-
Linkage | Beautiful CSS buttons with icon set
June 3, 2008 at 1:07 pm
THAT GOOD: