Tutoriales Gratis - Aplicar estilo a un formulario especifico

Estas aqui: Portada

tutoriales

CSS

Aplicar estilo a un formulario especifico

viernes, 16 de diciembre de 2005

En este ejemplo mostramos dos formularios en la misma pagina uno con Id: colorido y otro Id: no_colorido.

Como se puede observar el formulario colorido tiene el estilo aplicado, sin embargo el no_colorido no lo tiene, de esta forma conseguimos aplicar el estilo al formulario que deseemos.

CODIGO:

<!-- Codigo obtenido en http://www.tutores.org -->
<head>
<style>
form#colorido { 
 background-color: #cccccc; 
 color: #333333; 
 border: 1px solid #999999; 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 10px; 
 text-align: left; 
}
</style>
</head>
<body>
<form name="colorido" id="colorido"method="post" action="">
  <label> Nombre: 
  <input type="text" name="textfield">
  Email:
  <input type="text" name="textfield2">
  </label>
</form>
<br>
<form name="no_colorido" id="no_colorido"method="post" action="">
  <label> Nombre: 
  <input type="text" name="textfield3">
  Email: 
  <input type="text" name="textfield22">
  </label>
</form>
</body>
<!-- Fin Codigo obtenido en http://www.tutores.org -->

Fuente: Tutores

< Anterior		Siguiente >

Diseño Web

Usuarios

Sindicación

Webs Amigas
Mucho Grafico Recursos Gratuitos para Webmasters Tutoriales y Foro de Diseño Recursos Oracle Infected FX Noticias Informaticas Noticias Gadget Intercambio de Links

Tutoriales

Articulos para tu Web

Articulos Diseño Web

Noticias

Usuarios en Línea

Hay 844433 invitados en línea y 4324 usuarios en línea