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...
Próxima SlideShare
Cargando en…5
×

Html css1

190 visualizaciones

Publicado el

Publicado en: Educación
0 comentarios
0 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Sin descargas
Visualizaciones
Visualizaciones totales
190
En SlideShare
0
De insertados
0
Número de insertados
2
Acciones
Compartido
0
Descargas
1
Comentarios
0
Recomendaciones
0
Insertados 0
No insertados

No hay notas en la diapositiva.

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

×