CSS - Pseudo-elemento: después

Descripción

El pseudo-elemento : after se usa para insertar contenido después de un elemento.

Ejemplo

A continuación se muestra el ejemplo que demuestra cómo usar : after element para agregar contenido después de cualquier elemento.

<html>
   <head>
      <style type = "text/css">
         p:after {
            content: url(/images/bullet.gif)
         }
      </style>
   </head>

   <body>
      <p> This line will be succeeded by a bullet.</p>
      <p> This line will be succeeded by a bullet.</p>
      <p> This line will be succeeded by a bullet.</p>
   </body>
</html>

Esto producirá el siguiente enlace negro:

↰ Previous page