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...
Prochain SlideShare
Chargement dans…5
×

Html css1

189 vues

Publié le

Publié dans : Formation
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
189
Sur SlideShare
0
Issues des intégrations
0
Intégrations
2
Actions
Partages
0
Téléchargements
1
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

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; }

×