Documentos de Académico
Documentos de Profesional
Documentos de Cultura
<body">
<head>
<link rel="stylesheet" href="luigi.css"type="text/css">
</head>
<div class="sec1">
</div>
<div class="sec234">
</div>
<div class="sec9">
<video src="/storage/emulated/0/WhatsApp/Media/WhatsApp Video/VID-
20230427-WA0006.mp4"controls width="250px" height="100px"></video>
</div>
</div>
</body>
</html>
HOJA CSS
.sec1{
background:#ff6a7f;
width:80%;
height:100px;
border:blue 2px solid;
margin-top:40px;
margin-u100px;
boder:#ffaaca 2px solid;
margin-top:30px;
margin-left:30px;
float:left;
.234{
width:1px;
height:1px;
border:solid 2px #ffd240;
border-bottom-right-radius:120px;
border-top-left-radius:120px;
border-bottom-left-radius:120px;
border-top-left-radius:120px;
border-top-right-radius:120px;
float:left;
}
}
.sec234{
background:#fffc6a;
width:15%;
height:80px;
boder:#ffaaca 2px solid;
margin-top:32px;
margin-left:32px;
float:left;
}
.sec5{
background:#ff6a6a;
width:50%;
height:230px;
boder:#ffaaca 2px solid;
margin-top:32px;
margin-left:32px;
float:left;
}
.sec6{
background:#55ff97;
width:50%;
height:230px;
boder:#ffaaca 2px solid;
margin-top:40px;
margin-left:30px;
float:left;
}
.sec7{
background:#40cbff;
width:70%;
height:230px;
boder:#ffaaca 2px solid;
margin-top:35px;
margin-left:30px;
float:left;
}
.sec8{
background:#408cff;
width:40%;
height:100px;
boder:#ffaaca 2px solid;
margin-top:30px;
margin-left:30px;
float:left;
}
.sec8 img{
width:100%;
height:100%;
}
.sec9{
background:#e380ff;
width:80%;
height:100px;
boder:#ffaaca 2px solid;
margin-top:40px;
margin-left:35px;
float:left;
}
.wilder{
width:90px;
height:87px;
border:solid 2px #ffd240;
border-bottom-right-radius:120px;
border-top-left-radius:120px;
border-bottom-left-radius:120px;
border-top-left-radius:120px;
border-top-right-radius:120px;
}
.pilco{
width:90px;
height:87px;
border:solid 2px #55eaff;
border-bottom-right-radius:120px;
border-top-left-radius:130px;
border-bottom-left-radius:120px;
border-top-left-radius:130px;
border-top-right-radius:120px;
}
.cadena{
width:90px;
height:90px;
border:solid 2px #ffb5aa;
border-bottom-right-radius:130px;
border-top-left-radius:130px;
border-bottom-left-radius:130px;
border-top-left-radius:130px;
border-top-right-radius:120px;
}
body{
background-image:url("/storage/emulated/0/WhatsApp/Media/WhatsApp
Images/IMG-20230427-WA0002.jpg");
background-repeat:no-repeat;
background-size:cover;/*para div o contenedor cover no sino contain*/
background-attachment:fixed;
background-color:#cccccc;
}
}.sec1{
background:#ff6a7f;
width:80%;
height:100px;
border:blue 2px solid;
margin-top:40px;
margin-u100px;
boder:#ffaaca 2px solid;
margin-top:30px;
margin-left:30px;
float:left;
.234{
width:1px;
height:1px;
border:solid 2px #ffd240;
border-bottom-right-radius:120px;
border-top-left-radius:120px;
border-bottom-left-radius:120px;
border-top-left-radius:120px;
border-top-right-radius:120px;
float:left;
}
}
.sec234{
background:#fffc6a;
width:15%;
height:80px;
boder:#ffaaca 2px solid;
margin-top:32px;
margin-left:32px;
float:left;
}
.sec5{
background:#ff6a6a;
width:50%;
height:230px;
boder:#ffaaca 2px solid;
margin-top:32px;
margin-left:32px;
float:left;
}
.sec6{
background:#55ff97;
width:50%;
height:230px;
boder:#ffaaca 2px solid;
margin-top:40px;
margin-left:30px;
float:left;
}
.sec7{
background:#40cbff;
width:70%;
height:230px;
boder:#ffaaca 2px solid;
margin-top:35px;
margin-left:30px;
float:left;
}
.sec8{
background:#408cff;
width:40%;
height:100px;
boder:#ffaaca 2px solid;
margin-top:30px;
margin-left:30px;
float:left;
}
.sec8 img{
width:100%;
height:100%;
}
.sec9{
background:#e380ff;
width:80%;
height:100px;
boder:#ffaaca 2px solid;
margin-top:40px;
margin-left:35px;
float:left;
}
.wilder{
width:90px;
height:87px;
border:solid 2px #ffd240;
border-bottom-right-radius:120px;
border-top-left-radius:120px;
border-bottom-left-radius:120px;
border-top-left-radius:120px;
border-top-right-radius:120px;
}
.pilco{
width:90px;
height:87px;
border:solid 2px #55eaff;
border-bottom-right-radius:120px;
border-top-left-radius:130px;
border-bottom-left-radius:120px;
border-top-left-radius:130px;
border-top-right-radius:120px;
}
.cadena{
width:90px;
height:90px;
border:solid 2px #ffb5aa;
border-bottom-right-radius:130px;
border-top-left-radius:130px;
border-bottom-left-radius:130px;
border-top-left-radius:130px;
border-top-right-radius:120px;
}
body{
background-image:url("/storage/emulated/0/WhatsApp/Media/WhatsApp
Images/IMG-20230427-WA0002.jpg");
background-repeat:no-repeat;
background-size:cover;/*para div o contenedor cover no sino contain*/
background-attachment:fixed;
background-color:#cccccc;
}
}