Los pseudo-elementos :before y :after
0 COMENTARIOS - Publicado hace 52 meses - Clasificado en: CSS, TIPSLos pseudo-elementos ':before' y ':after' pueden ser usados para insertar un contenido generado antes o después del contenido del elemento. Un pequeño ejemplo de uso podría ser si quisiesemos insertar un pequeño texto en cada instancia "pie" de todo nuestro sitio web. Tendríamos un pie de página:
<div id="pie"><a href="#">Contacto</a> | <a href="#">Localización</a></div>
Si quisiesemos mantener la fecha de actualización con CSS podríamos añadir la fecha después del contenido del pie
#pie:after {content: "Actualizado en Noviembre de 2005";}
Algunas entradas relacionadas:
- Sistema de navegación por franjas con CSS
- Nueve técnicas de sustitución de imágenes con CSS
- Sencilla fórmula para trabajar con tamaños de fuente relativos
- Global White Space Reset
- Realizar destacados con CSS
- Centrar una caja horizontalmente
- Tooltip con Javascript y CSS
También te puede interesar:
| Crear un estilo de menú similar al de Apple con jQuery | Tutorial de Photoshop: Texto efecto Scrabble | Crear un fondo estilo Mac | Cursomeca: curso gratuito de mecanografÃa | Pop Art en Photoshop |





















Mauricio Campos en 50 preguntas y respuestas de entrevistas de trabajo




