Tecnología

Inicio

Cómo reemplazar una bala con un gráfico

Cómo reemplazar una bala con un gráfico


Las balas se utilizan principalmente con las listas de una página Web. Los gráficos pueden mejorar su página y lo libera de los diseños del disco, cuadrado o un círculo estándar. Cuando se utiliza un gráfico como una bala, escoger uno que sea pequeño, pero claro. La imagen debe trabajar con su diseño general y atraer a los lectores a su texto, sin insoportables. Estilo de la etiqueta lista desordenada en el código HTML para aplicar gráficos a las balas.

Instrucciones

1 Iniciar un editor de texto, como el Bloc de notas, TextPad o EditPad. Seleccione "Archivo" y "Nuevo" del menú. Se le dirigirá al cuadro de diálogo Abrir. Seleccione el archivo HTML que desea dar formato y haga clic en "Abrir".

2 Inserte el siguiente código CSS entre la etiqueta <HEAD>. Se crea un estilo para su bala para mostrar una imagen:

<Style type = "text / css">

<! -

ul

{List-style-image: URL ( 'mimagen.gif'); }

->

</ Style>

3 Desplazarse por debajo de la etiqueta <BODY> de su código HTML. Coloca el cursor donde desee que aparezca la imagen de viñetas. Agregue la siguiente para aplicar el estilo que ha creado en el paso anterior a la lista:

<Ul>

<Li> primer elemento con viñetas </ li>

<Li> elemento con viñetas segundo </ li>

<Li> etc ... </ li>

</ Ul>