Foros aprenderaprogramar.com

Aprender a programar => Aprender a programar desde cero => Mensaje iniciado por: Chompy129 en 02 de Septiembre 2016, 22:20

Título: HTML y CSS equivalencia entre colores RGB, RGBS, hexadecimal, HSL, HSLA CU01021D
Publicado por: Chompy129 en 02 de Septiembre 2016, 22:20
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;}
Título: CSS. Notaciones de colores en HTML. CU01021D
Publicado por: pedro,, en 06 de Septiembre 2016, 19:26
Hola Chompy129.


Veo todo bien.

Saludos. ;D