Tarea anterior
Formato de texto con CSS6/14
A la lista de tareas
  1. 1. La etiqueta básica para texto: span
  2. 2. Propiedad font-size: definimos el tamaño de la fuente
  3. 3. Propiedad font-weight: grosor del texto
  4. 4. Propiedad font-style: cursiva
  5. 5. Propiedad font-family: fuente
  6. 6. Propiedad color: color del texto
  7. 7. Propiedad text-decoration: subrayado y otros efectos
  8. 8. Subrayado decorativo
  9. 9. Controlamos las mayúsculas y minúsculas con text-transform
  10. 10. Controlamos los espacios: white-space
  11. 11. Alineación horizontal del texto: text-align
  12. 12. Alineación vertical: vertical-align
  13. 13. Superíndices y subíndices con CSS
  14. 14. Propiedad line-height: controlamos el interlineado
Siguiente tarea
  • Cursos
  • Registro
  • Iniciar sesión

Loading…
En unos segundos, estará listo.

  • Teoría
  • Teoría

Propiedad color: color del texto

El color del texto se define con la propiedad color. El valor del color puede indicarse de distintas maneras:

  • Con un código hexadecimal, por ejemplo #ff9900.
  • Con una palabra clave: red.
  • En formato RGB: rgb(255, 255, 0).

Lo más habitual es definir el color en formato hexadecimal.

  • index.html
  • style.css
HTML
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Propiedad color: color del texto</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>Etapa de JavaScript</h1> <p>En la cuarta etapa se termina de pulir la <i>interacción</i> con la interfaz: distintas soluciones AJAX, elementos dinámicos, calendarios y otros recursos similares. Aquí se usa JavaScript a fondo. Esta etapa se encarga de la comodidad.</p> <p>Resumamos el propósito de las etapas descritas:</p> <ol> <li>El significado del documento, el marcado lógico. Tecnología: HTML.</li> <li>La apariencia. Tecnología: CSS.</li> <li>Una apariencia impecable. Tecnología: CSS3.</li> <li>Interacción, interactividad, comodidad. Tecnología: JavaScript.</li> </ol> </body> </html>
CSS
h1 { font-size: 24px; }

El código ha cambiado, haz clic en "Actualizar" o activa la ejecución automática.

Ha ido a otra página

Haga clic dentro del mininavegador para poner el foco en esta ventana.

100%
ObjetivosRealizado
0

    Practiquemos el uso de distintos valores de color para el texto.

    1. Asigna a <h1> el color #b94a48,
    2. asigna a <i> el color green,
    3. y asigna a <li> el color rgb(58, 135, 173).

    © 2023-2026, codigoheroe.com