Hola. Aquí les dejo el Ejercicio de la entrega CU01060D del curso práctico de desarrollo web con CSS.
Código HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Aprenderaprogramar.com Ejercicio60 Cu01060D</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="generator" content="Geany 1.27" />
<link rel="stylesheet" type="text/css" href="Ejercicio60.css">
<style type="text/css">
@charset "utf-8";/* CSS Document */
#header h1{ font-weight: bold; font-size: 38px;font-family: "Arial"; text-shadow: 0 1px 0 #ccc,
0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1),
0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25),
0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15); color: orange; text-align: center;
}
#header h2{ font-weight: bold; font-size: 17px;font-family: "Arial"; text-shadow: 0 1px 0 #ccc,
0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1),
0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25),
0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15); color: #00bfff; text-align: center;
}
</style>
</head>
<body>
<div id="header">
<h1 class="name-title">
Aprenderaprogramar.com </br>
CSS desde cero</br>
ejercicio60 </br>
CU01060D</br>
</h1>
<h2> Pablo Ramón Pérez Blasco</h2>
<div id="Caja"></div>
</div>
</body>
</html>
Código CSS
*{ margin:20px auto;
padding:20px;
font-family:verdana,sans-serif;
background: -webkit-linear-gradient( #228d22, #006400, #008000);
}
#Caja{
border:2px solid;
/*float:left;*/
margin: 80px auto;
width:400px;
height:200px;
background: -webkit-linear-gradient(60deg, #ff0000, #ffffff, #0000cd);
}
Tema: CSS. Efecto degradado de un color a otro. CU01060D (Leído 1899 veces)
RSS -
WAP2