lunes, 28 de febrero de 2022

👨‍💻 Cómo resaltar la inicial de un texto con CSS

⏩ Snippet: ⏪
👉 Snippet:

En revistas de papel es habitual encontrar las iniciales de los textos resaltadas de algún color y en mayor tamaño, como una indicación visual del lugar por donde se empieza a leer el texto. Si quieres introducir este elemento práctico y decorativo en una web, hay varias formas de conseguirlo. En este artículo estudiaremos cómo funcionan y sus ventajas e inconvenientes.

martes, 15 de febrero de 2022

💻 Listas desplegables

Podemos construir listas desplegables con solo unas cuantas líneas de CSS y sin JavaScript. Especialmente el selector :checked es muy útil en este caso.

sábado, 12 de febrero de 2022

👨‍💻 Modelos de blockquoete

Blockquote

💻 Listas con viñetas mejoradas con el pseudoelemento ::marker de CSS

En este tutorial trabajaremos con el pseudoelemento ::marker, que nos brinda acceso de estilo a la «caja de marcadores» en los elementos de una lista. Luego podremos utilizarlo para reemplazar las viñetas predeterminadas de una lista con íconos, texto, SVG; ¡casi lo que queramos! Echemos un vistazo.