Skip to content

P
presentacion_web
Commit 34f7078d by Yovan Martinez
Options

Terminado la mejor pagina de la historia

parents
Showing with 108 additions and 0 deletions
SEGUNDO_INTENTO_PAGINA_SUPER_UTIL.html 0 → 100644
<html>
<head>
<title>Pagina muy util</title>
<link rel="stylesheet" href="css/estilos2.css">
</head>
<body>
<div class="imagenes">
<div class=" imagen1">
<img id="imagen" src="imagenes/putaquegranimagen.png">
</div>
<div class=" imagen2">
<img src="imagenes/putaquegranimagen.png">
</div>
<div class=" imagen3">
<img src="imagenes/putaquegranimagen.png">
</div>
<div class=" imagen4">
<img src="imagenes/putaquegranimagen.png">
</div>
<div class=" imagen5">
<img src="imagenes/putaquegranimagen.png">
</div>
</div>
</body>
</html>
\ No newline at end of file
css/estilos2.css 0 → 100644
body {
background: #1e1f24;
color: #333;
text-align: center;
font-family: "Arial";
font-size: 16px;
margin: 0;
padding: 0;
}
.imagenes {
align-items: center;
/* padding: auto; */
width: 70px;
padding: 1em;
text-align: left;
justify-content: center;
display: flex;
vertical-align: middle;
position: relative;
}
.imagen1 {
position: absolute;
left: 100px;
top: 100px;
}
.imagen2 {
position: absolute;
left: 200px;
top: 200px;
}
.imagen3 {
position: absolute;
left: 300px;
top: 300px;
}
.imagen4 {
position: absolute;
left: 400px;
top: 400px;
}
.imagen5 {
position: absolute;
left: 500px;
top: 500px;
}
.imagen1:hover~div {
visibility: hidden;
}
.imagen2:hover~div {
visibility: hidden;
}
.imagen3:hover~div {
visibility: hidden;
}
.imagen4:hover~div {
visibility: hidden;
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment