Hojas de estilo

Algunas personas me han enviado correos preguntandome que cuando trabajan en web no les gusta los botones standars, ya que no pueden modificar color o estilo, una forma sencilla de hacerlo es creando hojas de estilo .css, para ellos hay que crear un page con extensiòn .css y copiar el siguiente còdigo:

.enlaceboton {
font-family: verdana, arial, sans-serif;
font-size: 10pt;
font-weight: bold;
padding: 4px;
background-color: #ffffcc;
color: #666666;
text-decoration: none; }

.enlaceboton:link,
.enlaceboton:visited {
border-top: 1px solid #cccccc;
border-bottom: 2px solid #666666;
border-left: 1px solid #cccccc;
border-right: 2px solid #666666; }

.enlaceboton:hover {
border-bottom: 1px solid #cccccc;
border-top: 2px solid #666666;
border-right: 1px solid #cccccc;
border-left: 2px solid #666666; }

Una vez definida la clase "enlaceboton", crean un form y mandan a llamar la clase con còdigo html de la siguiente manera:

Hojas de estilo Hojas de estilo Revisado por Neo en 8:32 Clasificación: 5

No hay comentarios:

Comparte

Imágenes del tema: merrymoonmary. Con la tecnología de Blogger.