Foros aprenderaprogramar.com
Aprender a programar => C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más => Mensaje iniciado por: Jesu en 09 de Septiembre 2017, 22:23
-
EJERCICIO CU01021D del tutorial de programación web con CSS desde cero.
Crea un documento HTML donde la ventana del navegador esté dividida en 6 partes, cada una con su borde. En cada división pon como color de fondo lo siguiente:
a) División 1: un color expresado con notación RGB.
b) División 2: un color expresado con notación RGBA.
c) División 3: un color expresado con notación hexadecimal.
d) División 4: un color expresado con notación HSL.
e) División 5: un color expresado con notación HSLA.
f) División 6: un color designado con un nombre.
En cada división incluye un texto con la notación y color empleado. Por ejemplo <<Notación RGB, color 218, 165, 32>>. Para comprobar si tus respuestas son correctas puedes consultar en los foros aprenderaprogramar.com.
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="Ejercicio21.css">
</head>
<body>
<div class="primero">
Notación: rgb.
</div><br/>
<div class="segundo">Notación: rgba</div><br/>
<div class="tercero">Notación: Hexadecimal</div><br/>
<div class="cuarto">Notación: hsl</div><br/>
<div class="quinto">Notación: hsla</div><br/>
<div class="sexto">Notación: color</div><br/>
</body>
</html>
div{
border: 1px solid black;
height: 80px;
box-sizing: border-box;
padding: 30;
text-align: center;
}
.primero{
background-color: rgb(110,70,30);
color: azure;
}
.segundo{
background-color: rgba(30,200,100,0.70);
color: brown;
}
.tercero{
background-color: 4D8481;
color: aliceblue;
}
.cuarto{
background-color: hsl(23,30%,90%);
color: black;
}
.quinto{
background-color: hsla(70,60%,10%,0.3);
color: black;
}
.sexto{
background-color: aqua;
color: fuchsia;
}
-
Todo bien resuelto.
Un saludo. :)