Como ocultar el ícono de bullet en listas html ul y li con CSS

Por motivos de posicionamiento en buscadores, se recomienda trabajar con la etiqueta “ul” y “li” a la hora de hacer listas en nuestra página web. Esto ayuda mucho a que los motores de búsqueda interpreten que se trata de una lista de elementos. Ejemplo:

<ul><li>Curso de Dreamweaver</li><li>Curso de PHP</li><li>Curso de CSS</li></ul>

Por comportamiento default defecto del html, se imprime en pantalla un ícono “bullet” por cada item de la lista. Y en muchas ocasiones, deseamos ocultarlo por motivos de diseño. El código css para hacerlo pueden encontrarlo en el siguiente link:
https://www.blogdephp.com/tecnologia-sistemas/html-css-bullet-listas-desarrollo-web-dreamweaver-freelancea-aprender21.html

Como se puede observar en el código, con list-style: none logramos ocultar los bullets.

You may also like...

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *