57 - Pseudo-elementos: first-letter y first-line




Problema:

Definir una lista ordenada con los días de la semana. Mostrar el primer caracter de cada día subrayado.

<!DOCTYPE html>
<html>
<head>
<title>Problema</title>
<link rel="StyleSheet" href="estilos.css" type="text/css">
</head>
<body>
  <ol>
    <li>Lunes.</li>
    <li>Martes.</li>
    <li>Miércoles.</li>
    <li>Jueves.</li>
    <li>Viernes.</li>
    <li>Sábado.</li>
    <li>Domingo.</li>
  </ol>
</body>
</html>
li::first-letter {
  text-decoration:underline;
}
Ver solución


Retornar