Ejercicio #2 de posicionamiento de contenedores
A continuación se presenta un segundo ejemplo de posicionamiento de contenedores.
Este es el resultado que se pretende logar:
Código HTML:
Código CSS:
¡NO OLVIDES PONER TU NOMBRE!
RESULTADO FINAL:
Formulario con estilos CSS
A continuación se presenta un ejemplo de como personalizar los elementos de un formulario. El resultado que deseamos obtener es el siguiente: Primeramente, se necesita tener ya un formulario programado en HTML, para eso se utilizará este: Cuyo código fuente es: Si no lo tienes, ¡Prográmalo en tu editor de textos favorito! El siguiente paso será modificar dicho código HTML para agregarle identificadores y clases. Los cambios realizados se han marcado con un recuadro color rojo . Ahora vamos agregando el código CSS y vayamos viendo los cambios: Primero agregamos una imagen para que actúe de fondo en la página web (puedes usar la imagen que tu quieras) y cambiamos la fuente a una familia "Verdana". Código fuente: Visualización: Ahora agregar un contenedor para centrar el contenido de la página respecto a la ventana del navegador. Código fuente: Visualización: El siguiente paso es aplicarle los estilos al propio formulario: Código fuente: Visualización: Estilizamos los
Comentarios
Publicar un comentario