body { background-color: black; color: white; }

Bienvenidos a mi página web

Este es un párrafo con fondo negro y texto blanco.

body { background-color: indigo; /* Color de fondo índigo / color: white; / Color del texto blanco */ }

¡Bienvenido a mi página web!

Aquí encontraras información interesante.

body { background-color: #f0f0f0; /* Fondo claro */ font-family: Arial, sans-serif; }

.titulo { color: #3e3e3e; /* Título oscuro */ text-align: center; }

.descripcion { color: #333; font-size: 18px; }

.btn { background-color: #4CAF50; /* Verde para el botón */ color: white; padding: 10px 20px; border: none; cursor: pointer; }

.btn:hover { background-color: #45a049; /* Hover verde más oscuro */ }

Este es un párrafo de contenido en la página.

body { font-family: Arial, sans-serif; background-color: #f4f4f4; color: #333; }

header { background-color: #2c3e50; color: white; padding: 20px; text-align: center; }

footer { background-color: #34495e; color: white; text-align: center; padding: 10px; position: fixed; bottom: 0; width: 100%; }

main { padding: 20px; }

body { background-color: #fff; color: #2c3e50; font-family: 'Georgia', serif; }

body { background-color: #fffae6; color: #ff5733; font-family: 'Arial', sans-serif; }

h1 { color: #c70039; }

a { color: #3498db; /* Color azul para los enlaces / text-decoration: none; / Elimina el subrayado por defecto */ }

a:hover { color: #2980b9; /* Color más oscuro en hover / text-decoration: underline; / Subrayado al pasar el ratón */ }