body{
background-image:url("fondo.jpg");
background-attachment: fixed;
}
h2{
font-family:Helvetica;
font-size:40px;
color:...
#personal{width:200px; display:table-cell;}
#cursos{width:200px; display:table-cell;}
#contacto{width:200px; display:table...
Upcoming SlideShare
Loading in...5
×

Html css1

52

Published on

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
52
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Html css1"

  1. 1. body{ background-image:url("fondo.jpg"); background-attachment: fixed; } h2{ font-family:Helvetica; font-size:40px; color:#919191; text-align:center; } h1{ font-family:Helvetica; font-size:48px; margin-top:0px; } a{ color:black; } #header{ background-color:#FFFFFF; width:100%; height:80px; margin-top:0px; } #footer{ width: 100%; height: 70px; margin: 0 auto 0 auto; text-align:center; background-color:#3F8ACC; font-family:Verdana; font-size:12px; position:relative; } #contenedor a{ font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; padding-top: 7px; padding-left: 5px; padding-bottom: 6px; padding-right: 5px; text-decoration:none; } /*Tamaño y forma de mostrarse de los div del menú*/ /*El # se utiliza para bloques o divs*/ #contenedor{width:100%; height:50px; margin:0 auto 0 auto;backgroundcolor:#FFFFFF;opacity:0.9;} #inicio{width:200px; display:table-cell;}
  2. 2. #personal{width:200px; display:table-cell;} #cursos{width:200px; display:table-cell;} #contacto{width:200px; display:table-cell;} #contenido{width:750px; background-color:#FFFFFF; margin: auto; height: auto; minheight:70%;text-align:justify;padding-left:30px;padding-bottom:10px;padding-right:30px;borderradius:10px;opacity:0.8;} /*Lo que hará el div y el vínculo al posicionarnos sobre él*/ #inicio a:hover{ background-color:#E01B6A; color:#FFFFFF; font-size:16px; padding: 10px 20px; border-radius:10px; } #personal a:hover{ background-color:#43BF37; color:#FFFFFF; font-size:16px; padding: 10px 20px; border-radius:10px; } #cursos a:hover{ background-color:#18ABDB; color:#FFFFFF; font-size:16px; padding: 10px 20px; border-radius:10px; } #contacto a:hover{ background-color:#FFAB36; color:#FFFFFF; font-size:16px; padding: 10px 20px; border-radius:10px; } /*Formato del texto*/ .pie{ font-family:Helvetica; font-style:bold; font-size:16px; color:#FFFFFF; }

×