CSS - Pseudo-elemento: antes

Descripción

El pseudo-elemento : before se usa para insertar algún contenido antes de un elemento.

Ejemplo

A continuación se muestra el ejemplo que demuestra cómo usar : before element para agregar algo de contenido antes de cualquier elemento.

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

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

Esto producirá el siguiente enlace negro:

↰ Previous page