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>


Necesitas hosting para un nuevo sitio? Buscas mejorar tu servicio actual?
Yo utilizo y te recomiendo InterServer, te brindan espacio en disco ilimitado y múltiples dominios por cuenta a sólo $5 usd mensual. >> Más detalles

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:
http://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.


Nota del autor: Busco programadores y diseñadores freelance para colaborarme con proyectos. Mostrame tus trabajos desarrollados, escribime!


Te agradaría derivar tu proyecto a un programador con años de experiencia?

Ing. Diego Angelini.
Autor de BlogdePHP.com
Programador Web Freelance






Porfolio de proyectos