-
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>