Artículos escritos sobre "class" en otros sitios

Cómo cambiar el diseño de un botón con CSS

Enviado por Ximena el sáb 26/01/2008 a las 21:03

Este botón no tiene un diseño adecuado para mi blog, entonces ¿cómo hago para darle un diseño adecuado?

Para darle un diseño adecuado tienes que insertar código CSS en el código HTML.

Antes de empezar, una aclaración, todos los códigos HTML que vienen a continuación van entre < y >.

* Primero : Conocer el código HTML del botón. Para este botón el código HTML es el siguiente:

input type="button" value="Volver" 
onclick="history.back()" Verdana; font-size: 12 pt

* Segundo: Agregar class al código, para darle estilo.

input class="boton" type="button" value="Volver" 
onclick="history.back()" Verdana; font-size: 12 pt

* Tercero: Insertar el código CSS en el código HTML.

input class="boton" type="button" value="Volver"
onclick="history.back()" Verdana; font-size: 12 pt
<style type="text/css">input.boton {
color: #ffffff;
font-weight: normal;
background: #bc1c2d;
margin-top: 10px;
}
</style>

El botón quedaría así:

Etiquetas: | Secciones

Encuéntralo

Buscador de bligueros

Comentarios recientes

Recomendados de otras webs

          (http://www.webtaller.com)

Banner FFC

Template banner

template.bligoo.com

<a href="http://template.bligoo.com" target="_blank"> <img src="http://bligoo.com/media/users/0/37261/images/template_banner.gif" border="0" alt="template.bligoo.com" /></a>