- index.html
- style.css
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Subrayado decorativo</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Por qué apareció Progressive Enhancement</h1>
<p><a class="dashed" href="#">Ya dijimos antes</a> que, si alguien crea una interfaz web con la máxima calidad posible siguiendo Graceful Degradation, el resultado será el mismo que al aplicar <span class="dashed">Progressive Enhancement</span>. Entonces, ¿para qué hacía falta inventar este enfoque?</p>
<p>La respuesta es simple: muy poca gente aplicaba <span class="dashed">Graceful Degradation</span> con un nivel realmente alto. Eso frustraba a quienes de verdad eran desarrolladores muy responsables y de gran nivel. Casi cualquiera podía decir «yo lo hago bien y aplico Graceful Degradation», pero el tiempo y el esfuerzo invertidos por distintos desarrolladores podían diferir enormemente.</p>
</body>
</html>
CSS
h1 {
font-size: 24px;
}
.dashed {
}
.dashed:hover {
border-bottom: none;
}
Ha ido a otra página
Haga clic dentro del mininavegador para poner el foco en esta ventana.
ObjetivosRealizado
0
Añade a la regla CSS de la clase dashed las propiedades:
text-decoration: none;,color: #0088cc;,border-bottom: 1px dashed #0088cc;.