Cómo hacer un Banner CSS

Utilice el código CSS para crear un sitio web bandera. 

BANDERA

Banners son imágenes que se crean e insertar en una página web, pero usted tiene la opción de usar Cascading Style Sheets (CSS) en su lugar. Con CSS, la bandera será un archivo de menor tamaño, lo que lleva a los tiempos de carga de página más rápido. A CSS bandera también le da la posibilidad de modificar rápidamente los elementos de diseño mediante la edición del código. Utilizar el editor de texto de su equipo para construir una bandera CSS.

Inicie su programa de edición de texto y abrir el archivo de sitio web. Coloque el cursor entre las etiquetas de la cabeza.

Introduzca el código CSS antes del elemento de cierre / head:

Tipo style = "text / css"

# Banner {}

/ Estilo

El "# banner {}" entre las etiquetas de estilo comienza una regla clara que construye su bandera.

Escriba los siguientes atributos entre corchetes rizado: "ancho", "altura", "font-size", "font-family", "relleno", "background-color" y "border-style".

Introduzca valores numéricos en píxeles (px) después de que el "ancho" y "alto" para especificar las dimensiones de banners deseados. El código debe ser similar a:

# Banner {width: 500px; altura: 300px;}

Escriba un valor de píxeles después de "font-size" y entrar en una fuente de la familia para determinar cómo aparece el texto de su bandera. Introduzca un valor de relleno para establecer la cantidad de espacio que aparece entre el texto y el borde bandera. Por ejemplo:

# Banner {font-size: 24px; font-family: Arial, Helvetica, sans-serif; padding: 10px;}

Introduzca un valor de color hexadecimal después de "background-color" para determinar la sombra. Escriba un tamaño de píxel, estilo de línea y el valor de color después de "border-style" para especificar cómo el contorno alrededor de las pantallas de banner. Por ejemplo:

# Banner {background-color: # FFFF00; border-style: 2px solid # cccccc;}

Coloque el cursor en el código HTML en el que desea que su anuncio aparezca y escriba lo siguiente para insertarlo en la página:

div id = "bandera"

Introduzca CSS para la bandera aquí

/ Div

Guarde el archivo.

Consejos y advertencias

Separe cada atributo CSS con un punto y coma para garantizar el trabajo estilos. Por ejemplo:

# Banner {

Ancho: 500px;

altura: 300px;

font-size: 24px;

font-family: Arial, Helvetica, sans-serif;

padding: 10px;

background-color: # FFFF00;

border-style: 2px solid # cccccc;

}