Autor Tema: HTML y CSS equivalencia entre colores RGB, RGBS, hexadecimal, HSL, HSLA CU01021D  (Leído 2041 veces)

Chompy129

  • Intermedio
  • ***
  • Mensajes: 130
  • Programar es divertido. :)
    • Ver Perfil
Ahora mi ejercicio CU01021D del tutorial de iniciación al desarrollo web.

Codigo HTML
Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Ejercicio CU01021D</title>
<link rel="stylesheet"type="text/css"href="CU01021D.css">
</head>
<body>
<h2 >Colores</h2>
<div class="Color-caja">
<div>Color RGB(205, 92, 92)</div>
<div>Color RGBA(0, 255, 0, 0.5)</div>
<div>Color #DAA520</div>
<div>Color HSL(240, 100%, 40%)</div>
<div>Color HSLA(34, 100%, 47%, 0.7)</div>
<div>Color amarillo(Yellow)</div>
</div>
</body>
</html>
Codigo CSS
Código: [Seleccionar]
h2{text-decoration: underline; text-align: center; max-width: 300px;}
.Color-caja div{max-width: 300px;
height: 25px;
text-align: center;
font-weight: bold;
color: #000;
border: 2px solid;}
.Color-caja div:nth-child(1){background-color: rgb(178, 34, 34);}
.Color-caja div:nth-child(2){background-color: rgba(255, 140, 0, 0.6);}
.Color-caja div:nth-child(3){background-color: #FFFF00;}
.Color-caja div:nth-child(4){background-color: hsl(121, 100%, 25%);}
.Color-caja div:nth-child(5){background-color: hsla(240, 100%, 50%, 0.7);}
.Color-caja div:nth-child(6){background-color: purple;}
« Última modificación: 11 de Septiembre 2016, 19:58 por Alex Rodríguez »

pedro,,

  • Moderador Global
  • Experto
  • *******
  • APR2.COM
  • Mensajes: 1292
    • Ver Perfil
CSS. Notaciones de colores en HTML. CU01021D
« Respuesta #1 en: 06 de Septiembre 2016, 19:26 »
Hola Chompy129.


Veo todo bien.

Saludos. ;D

 

Sobre la educación, sólo puedo decir que es el tema más importante en el que nosotros, como pueblo, debemos involucrarnos.

Abraham Lincoln (1808-1865) Presidente estadounidense.

aprenderaprogramar.com: Desde 2006 comprometidos con la didáctica y divulgación de la programación

Preguntas y respuestas

¿Cómo establecer o cambiar la imagen asociada (avatar) de usuario?
  1. Inicia sesión con tu nombre de usuario y contraseña.
  2. Pulsa en perfil --> perfil del foro
  3. Elige la imagen personalizada que quieras usar. Puedes escogerla de una galería de imágenes o subirla desde tu ordenador.
  4. En la parte final de la página pulsa el botón "cambiar perfil".