Sesión 9 de html y css
Estas fotos son de mi código funcionando
<!DOCTYPE html>
<head lang="es-ES">
<title>Unos vídeos</title>
<meta charset="utf-8">
<link href="Prueba sesión 9.css" type="text/css" rel="stylesheet">
</head>
<body>
<header>
<h1>Unos cuantos videos random</h1>
<h3>Pongo unos vídeos random porque hay que practicar el html y css</h3>
</header>
<div class="separador"></div>
<article>
<h3>Aquí dejo algo de música</h3>
<div class="separador-pequeño"></div>
<iframe class="izq" src="https://www.youtube.com/embed/7NOSDKb0HlU" frameborder="0" allow="accelerometer; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<iframe class="der" src="https://www.youtube.com/embed/6me17gGZYRg" frameborder="0" allow="accelerometer; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<div class="separados-pequeño"></div>
<h3>También dejo un par de vídeos de entretenimiento para que no os aburráis</h4>
<div class="separados-pequeño"></div>
<iframe class="izq" src="https://www.youtube.com/embed/VW6JVM2YVuU" frameborder="0" allow="accelerometer; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<iframe class="der" src="https://www.youtube.com/embed/d5d02U5YYfk" frameborder="0" allow="accelerometer; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</article>
<div class="separador"></div>
<footer>No sé ni si poner footer porque no creo que nadie se fije en él</footer>
</body>
Aquí el código css:
*{
text-align: center;
box-sizing: border-box;
}
.separador{
height:25px;
clear:both;
}
.separador-pequeño{
height:10px;
clear:both;
}
header, footer{
border:solid;
border-radius:10px;
background:transparent;
}
footer{
padding:8px;
border-width:10px;
}
header{
border-width:15px;
}
iframe{
width: 625px;
height:400px;
}
body{
background-color:#9fffa7;
}
article{
background-color:#f182ff;
padding-bottom:8px;
padding-top:8px;
}
Comentarios
Publicar un comentario