Ver Mensaje Individual
  #8 (permalink)  
Antiguo 14/02/2006, 17:08
Jorolo
 
Fecha de Ingreso: octubre-2005
Mensajes: 536
Antigüedad: 12 años, 11 meses
Puntos: 1
:before

Hola a todos.

Un ejemplo del uso de :before

Código HTML:
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<head>
<title>before</title>
<meta http-equiv='Content-type' content='text/xml; charset=utf-8' />
<meta name='autor' content='Jorolo' />
 <style type='text/css'>
ul { list-style: none; list-style-position: inside;
				padding: 0.1ex;	  } 
li.nota:before { content: 'nota: '; color: red; }
li.nota2:before { content: '» '; } /* #187 */
li.nota3:before { content: '☺ '; } /* #9786 */
 </style>
</head>
<body>

<ul>
<li class='nota'>esto es un prueba de lista con :before</li>
<li class='nota2'>esto es lo que pedia wakewakeup (creo)</li>
<li class='nota3'>espero que os sirva</li>
</ul>

</body>
</html>