-
Cómo quitar viñetas en las listas de estilo en CSS
-
Por defecto, la etiqueta <ul> lista desordenada en HTML crea una lista de elementos precedidos por una bala redonda. En ciertas situaciones, es posible que desee eliminar por completo las balas --- por ejemplo, si desea mantener el diseño limpio de la lista sin la distracción de la bala, o si usted está utilizando el <ul> para generar una caída en el menú desplegable. Para lograr esto, el uso "de tipo list-style" atributo de estilo CSS, parte de las especificaciones CSS desde la primera versión.Instrucciones
1 Abra el archivo .html o .htm que contiene la lista desordenada cuyas balas que desea eliminar. Utilice un editor de texto sin formato, como el Bloc de notas, para evitar introducir errores en el código HTML.
2 Desplazarse hacia abajo para el código que comience la lista desordenada, que estará marcada por una etiqueta "<ul>".
Agregue el código siguiente después de la "UL" y antes de que el ">":
style = "-style-type lista: none;".
Ahora, el código debería tener este aspecto:
"<Ul style ="-style-type lista: none; ">".
3 Guarde el archivo HTML, y cierre el editor de texto. Abra el archivo HTML en el navegador web para asegurarse de que las balas se han eliminado de la página web.
Consejos y advertencias
- Si desea quitar las balas de todas las listas no ordenadas en la página, se puede añadir la siguiente línea de código entre el "<head>" y "</ head>" etiquetas en el código fuente HTML: "<style type =" text / css "> ul {list-style-type: none;} </ style>".
