CONTINUACION DE EL TEMA DE HOJAS DE ESTILO
HTML
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<link rel="stylesheet" type="text/css" href="estilo.css">
<!--
<body >
<h1>hola a todos</h1>
<h1><p><span>hola2 a todos</span></p></h1>
-->
<body>
<a href="http://www.google.com" target="_blank">Ir Google</a><br>
<a class="azul" href="http://www.vanguardia.com" target="_blank">Ir Google</a><br>
<a class="rojo" href="http://www.google.com" target="_blank">Ir Google</a><br>
<span class="njpd_monitor">Bucaramanga</span> <span class="njpd_h1">ciudad</span> <span class="njpd_lora_juliana">Bonita</span>
<hr>
<input type="text" id="a"><br>
<input type="password" id="b"><br>
<input type="checkbox" id="c"><br>
</body>
</html>
CSS
/*
body{
color:#ff0;
background-color: #c6c6c6;
}
h1{
font-size: 20px;
color:#f00;
}
h1 p span {
font-size: 30px;
color:#fff;
text-shadow: 1px 20px #f00;
text-transform: uppercase;
}
*/
a{
color:#f00;
background-color:#ff0;
font-size: 14px;
}
a:hover{
color:#000;
background-color:#0ff;
font-size: 20px;
}
a:visited{
color:#89af3c;
background-color:#000;
font-size: 17px;
}
a .azul{
background-color:#00f;
}
a.rojo{
background-color:#f00;
}
.njpd_monitor{
color: #ff0000;
}
.njpd_lora_juliana{
color:#00ff00;
}
.njpd_h1{ font-size: 10px;
color: #458923; }
input{
background-color:#000;
color: #fff;
}
input[type="text"]{
background-color:#f00;
color: #0f0;
}
FECHA: ABRIL 21 2017
No hay comentarios.:
Publicar un comentario