Primero escribimos el código HTML:
Y ahora el código CSS:
Etiquetas:
Como veis aparecen etiquetas anteriormente vistas:
Font-family: sirve para especificar el estilo tipografico que usaremos.
Font-size: modifica el tamaño de letra.
Line-height: espacio que habrá entre lineas.
Background: permite modificar el fondo y en este caso hemos puesto una imagen la cual usando la etiqueta no-repeat hacemos que aparezca una sola vez.
Background-size: redimensiona las imágenes de fondo.
Padding: espacio entre el contenido del elemento y su borde.
Margin: se utiliza para establecer de forma abreviada el valor de una o más propiedades individuales.
Text-decoration: establece el formato de texto a subrayado ( underline ) y suprarrayado ( overline ), tachado ( line-through ) o parpadeo ( blink ).
Nuevas etiquetas:
Border-radius:especifica la redondez de las esquinas.
Float: posiciona una caja todo lo que puede a la izquierda de la página.
Text-transform: especifica un cambio de mayúsculas y minúsculas del texto en un elemento concreto.
:hover:sirve para que el usuario interactue con un elemento con un dispositivo señalador, pero no necesariamente lo activa. Generalmente se activa cuando el usuario se desplaza sobre un elemento con el cursor.
Este es el resultado:
Nuevas etiquetas:
Border-radius:especifica la redondez de las esquinas.
Float: posiciona una caja todo lo que puede a la izquierda de la página.
Text-transform: especifica un cambio de mayúsculas y minúsculas del texto en un elemento concreto.
:hover:sirve para que el usuario interactue con un elemento con un dispositivo señalador, pero no necesariamente lo activa. Generalmente se activa cuando el usuario se desplaza sobre un elemento con el cursor.
Este es el resultado:
