Dar estilo a listas con CSS
Las listas son una parte muy importante de muchas páginas web.
CSS puede darles estilo usando varias propiedades.
list-style-type
se utiliza para establecer un marcador predefinido que será utilizado por la lista:
li { list-style-type: square;}
Disponemos de muchos valores posibles, que puedes ver aquí https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-type con ejemplos de su apariencia. Algunos de los más populares son disc
, circle
, square
y none
.
list-style-image
Se utiliza para utilizar una imagen personalizada como marcador, cuando un marcador predefinido no es apropiado:
li { list-style-image: url(list-image.png);}
list-style-position
le permite agregar el marcador outside
(predeterminado) o inside
el contenido de la lista, en el flujo de la página en lugar de fuera de ella Fotos Porno y actrices porno
li { list-style-position: inside;}
La list-style
propiedad abreviada nos permite especificar todas esas propiedades en la misma línea:
li { list-style: url(list-image.png) inside;}
Tips de CSS
Tal vez te puede interesar:
- Manejo de errores CSS
- Importar un archivo CSS usando @import
- Bordes CSS
- La propiedad flotante CSS y su limpieza
Cómo aplicar estilo a listas usando CSS
CSS puede darles estilo usando varias propiedades. Las listas son una parte muy importante de muchas páginas web. Las listas son una parte muy importante de m
programar
es
https://aprendeprogramando.es/static/images/programar-como-aplicar-estilo-a-listas-usando-css-1989-0.jpg
2024-10-31
Si crees que alguno de los contenidos (texto, imagenes o multimedia) en esta página infringe tus derechos relativos a propiedad intelectual, marcas registradas o cualquier otro de tus derechos, por favor ponte en contacto con nosotros en el mail [email protected] y retiraremos este contenido inmediatamente