Respuesta: Haga lo que hicimos en el aula

Hola

Para estilizar la página web, primero se crea un archivo CSS llamado style.css y vincúlalo a tu documento HTML utilizando la etiqueta dentro del

html

En el archivo style.css, se definen los estilos básicos para el cuerpo de la página:

css

body {
background-color: indigo;
color: white;
font-family: Arial, sans-serif;
margin: 0;
padding: 20px;
}

Para estilizar los encabezados y párrafos, agrega:

css

h1 {
color: #ffcc00;
border-bottom: 3px solid #ffcc00;
padding-bottom: 10px;
margin-bottom: 20px;
}

p {
font-size: 1.2rem;
line-height: 1.6;
color: #ddd;
}

Para los botones, define:

css

button {
background-color: #ff6600;
color: white;
border: none;
padding: 12px 24px;
font-size: 1rem;
border-radius: 8px;
cursor: pointer;
margin-top: 20px;
transition: background-color 0.3s ease;
}

button:hover {
background-color: #cc5200;
}

Para el pie de página:

css

footer {
background-color: #222;
color: #aaa;
padding: 15px;
text-align: center;
margin-top: 40px;
font-size: 0.9rem;
}

Y para los enlaces:

css

a {
color: #00ccff;
text-decoration: none;
font-weight: bold;
transition: color 0.3s ease;
}

a:hover {
color: #0099cc;
text-decoration: underline;
}