En la clase de hoy vimos codigo css
<!DOCTYPE html>
<html>
<head>
<title>hola</title>
</head>
<body>
<style>
body{background-color:#a0c7e2 }
hr{color:#ff2b09;}
a{color:#dfbc0f;
font-family: arial}
a:hover{color:#000;
font-size:30px;
background-color:#8d38c1;
font-family: arial;
text-transform: uppercase;}
a:focus{color:#0F0;
}
.teclado{color:#537232;
font-family: impact;
font-size:40px;}
<html>
<head>
<title>hola</title>
</head>
<body>
<style>
body{background-color:#a0c7e2 }
hr{color:#ff2b09;}
a{color:#dfbc0f;
font-family: arial}
a:hover{color:#000;
font-size:30px;
background-color:#8d38c1;
font-family: arial;
text-transform: uppercase;}
a:focus{color:#0F0;
}
.teclado{color:#537232;
font-family: impact;
font-size:40px;}
input{
background: linear-gradient(left, #e62222, #9bb64d);
background: -moz-linear-gradient(left, #e62222, #9bb64d);
background: -webkit-linear-gradient(left, #e62222, #9bb64d);
background: -o-linear-gradient(left, #e62222, #9bb64d);}
input.pass{
background: linear-gradient(left, #ffe000, #0d1599);
background: -moz-linear-gradient(left, #ffe000, #0d1599);
background: -webkit-linear-gradient(left, #ffe000, #0d1599);
background: -o-linear-gradient(left, #ffe000, #0d1599);}
background: linear-gradient(left, #e62222, #9bb64d);
background: -moz-linear-gradient(left, #e62222, #9bb64d);
background: -webkit-linear-gradient(left, #e62222, #9bb64d);
background: -o-linear-gradient(left, #e62222, #9bb64d);}
input.pass{
background: linear-gradient(left, #ffe000, #0d1599);
background: -moz-linear-gradient(left, #ffe000, #0d1599);
background: -webkit-linear-gradient(left, #ffe000, #0d1599);
background: -o-linear-gradient(left, #ffe000, #0d1599);}
</style>
<a href="http://www.google.com" target="_blank">Ir a la pagina de google</a>
<hr>
<a href="http://www.google.com" class="uno" target="_blank">Ir a la pagina de google</a>
<hr>
<a href="http://www.google.com" class="dos" target="_blank">Ir a la pagina de google</a>
<br><br><br>
Bucaramanga <span class="teclado"> Ciudad</span> Bonita
<input type="password" class="pass" id="d"><hr>
<input type="checkbox" id="check"><hr>
</body>
</html>
0 comentarios: