Tecnología

Inicio

Cómo hacer un Banner Código CSS

Cómo hacer un Banner Código CSS


Un Cascading Style Sheets (CSS) de la bandera es una cabecera que está hecho de estilos CSS en lugar de una imagen digital se inserta en su página. El banner suele mostrar el título y el lema de su sitio, y con CSS que no sólo el estilo de este texto, sino a crear y dar formato a la caja que contiene el contenido. Usar editor de texto de su ordenador para introducir el código CSS que hace que un banner en la página de su elección.

Instrucciones

1 Abra el documento de página web en la aplicación de edición de texto de su ordenador. Coloque el cursor antes de la etiqueta de cierre </ head>, e introduzca el código CSS:

<Style type = "text / css">

</ Style>

2 Tipo "#banner {}" entre los elementos de estilo para crear una regla que hace que su bandera. Enter "altura:;" y "width:;" y escriba un valor en píxeles (px) después de cada uno para especificar las medidas preferidas. Por ejemplo:

bandera {height: 350px; Anchura: 600px; }

3 Enter "font-size:;" y "font-family:"; para crear atributos que dar formato al texto de la cabecera. Escriba un valor de píxel después de tamaño de fuente, e introducir dos o tres nombres de fuente font-family después de especificar el tipo de letra deseado. Para ilustrar:

bandera {font-size: 32px; font-family: "Times New Roman", Georgia, serif;

4} Tipo "border-style:;" e introduzca un tamaño de píxel, estilo de línea y el valor hexadecimal del color para diseñar el contorno de su bandera. Además, el tipo "background-color:;" y siga esto con un valor de color preferido. Por ejemplo:

bandera {border-style: 4 píxeles de puntos # f0f0f0;

5} Enter "padding:;" seguido de un valor en píxeles para especificar la cantidad de espacio que muestra entre el contenido y la frontera de la bandera. Su código CSS completa ahora similar a este ejemplo:

bandera {

altura: 350px; Anchura: 600px;

font-size: 32px; font-family: "Times New Roman", Georgia, serif;

frontera de estilo: 4PX de puntos # f0f0f0;

padding: 15px;

}

6 Enter "<div id =" bandera "> </ div>" en cualquier lugar debajo de la abertura <body> dónde quiere que su cabecera que se vea. Escribir el texto de su bandera, como el título del sitio web, entre las etiquetas div, así:

<Div id = "bandera">

Escribir el texto de su banner aquí.

</ Div>

7 Guarde el documento.


Artículos relacionados