A partir de las clases e identificadores se puede dar estilo al formulario: aplicarle un fondo, bordes, formato al texto, espaciamiento, etc. con CSS. Creando un ejemplo sencillo:
Codigo:
/* Buscador. Contenedor principal: form */ #buscador form { border:1px
solid #999999;
background:#E5E5E5;
padding:10px; margin:0 10px 15px; position:relative; }
/* Canpo de texto */ .searchtext { padding:2px 5px; color:#999;
font-size:11px; line-height:15px; height:15px; width:87%; border:2px
solid #BBDAFD; }
/* Bot??n de submit */ .searchsubmit { position:absolute;
right:10px; top:10px; }
Y el resultado de estos estilos es algo como lo siguiente:
Buscador despu??s de aplicarle estilos
Este es solo un ejemplo, pero puede usarse modificando la ruta de la imagen en el input, colores de fondo y bordes, el ancho y los margenes, etc. El c??digo CSS siempre se coloca antes de:
]]>
No Comments Found