<html lang="es">
<head>
<meta charset="utf-8" />
<title>Ejemplo estilos</title>
<LINK REL="stylesheet" HREF="ejercicio estilos.css" TYPE="text/css">
<STYLE type="text/css">
.parrafo1{
border: black 5px dotted;
border:absolute;
Border-style:dashed;
Border-color:fuchsia;
Background-color:pink;
margin: 10px;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 30px;
padding-top: 30px;
text-align: center;
font-size:25px;
position: absolute;
top: 10%;
left: 10%;
}
.parrafo2{
border: black 5px dotted;
border:absolute;
Border-style:dashed;
Border-color:fuchsia;
Background-color:pink;
margin: 10px;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 30px;
padding-top: 30px;
text-align: center;
font-size:25px;
position: absolute;
top: 10%;
left: 30%;
}
.parrafo3{
border: black 5px dotted;
Border-style:dashed;
Border-color:fuchsia;
Background-color:pink;
margin: 10px;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 30px;
padding-top: 30px;
text-align: center;
font-size:25px;
position: absolute;
top: 10%;
left: 50%;
}
.parrafo4{
border: black 5px dotted;
Border-style:dashed;
Border-color:fuchsia;
Background-color:pink;
margin: 10px;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 30px;
padding-top: 30px;
text-align: center;
font-size:25px;
position: absolute;
top: 30%;
left: 10%;
}
.parrafo5{
border: black 5px dotted;
Border-style:dashed;
Border-color:fuchsia;
Background-color:pink;
margin: 10px;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 30px;
padding-top: 30px;
text-align: center;
font-size:25px;
position: absolute;
top: 30%;
left: 30%;
}
.parrafo6{
border: black 5px dotted;
Border-style:dashed;
Border-color:fuchsia;
Background-color:pink;
margin: 10px;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 30px;
padding-top: 30px;
text-align: center;
font-size:25px;
position: absolute;
top: 30%;
left: 50%;
}
.parrafo7{
border: black 5px dotted;
Border-style:dashed;
Border-color:fuchsia;
Background-color:pink;
margin: 10px;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 30px;
padding-top: 30px;
text-align: center;
font-size:25px;
position: absolute;
top: 50%;
left: 10%;
}
.parrafo8{
border: black 5px dotted;
Border-style:dashed;
Border-color:fuchsia;
Background-color:pink;
margin: 10px;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 30px;
padding-top: 30px;
text-align: center;
font-size:25px;
position: absolute;
top: 50%;
left: 30%;
}
.parrafo9{
border: black 5px dotted;
Border-style:dashed;
Border-color:fuchsia;
Background-color:pink;
margin: 10px;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 30px;
padding-top: 30px;
text-align: center;
font-size:25px;
position: absolute;
top: 50%;
left: 50%;
}
</STYLE>
</head>
<body>
<p class="parrafo1">caja 1</p>
<p class="parrafo2">caja 2</p>
<p class="parrafo3">caja 3</p>
<p class="parrafo4">caja 4</p>
<p class="parrafo5">caja 5</p>
<p class="parrafo6">caja 6</p>
<p class="parrafo7">caja 7</p>
<p class="parrafo8">caja 8</p>
<p class="parrafo9">caja 9</p>
</body>
No hay comentarios:
Publicar un comentario