Tutoriales de informática - Abrirllave.com

Abrirllave.com

Ejemplo de estilo externo en HTML

Ejemplo explicado en el apartado "Estilos" del tutorial de HTML.

"estilo-externo.html"

<!DOCTYPE html>
<html lang="es-ES">
  <head>
    <meta charset="utf-8">
    <title>Ejemplo de estilo externo</title>
    <link rel="stylesheet" href="styles.css">
  </head>
  <body>
    <p>Esto es un párrafo de color rojo.</p>
  </body>
</html>

"styles.css"

p {color:red;}

Visualización en pantalla

Visualización del archivo estilo-externo.html en Google Chrome, donde se ve un párrafo de color rojo aplicando estilo externo.

Practicar el código del ejemplo