<html>
<head>
<title> pagina web </title>
</head>
<body bgcolor= pink>
<h1 align= center><i> ETIQUETAS </i></h1>
<style>
#capa {
color: #21A1CB;
background: #febbbb; /* Old browsers */
background: -moz-linear-gradient(top, #febbbb 0%, #fe9090 45%, #ff5c5c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#febbbb), color-stop(45%,#fe9090), color-stop(100%,#ff5c5c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #febbbb 0%,#fe9090 45%,#ff5c5c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #febbbb 0%,#fe9090 45%,#ff5c5c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #febbbb 0%,#fe9090 45%,#ff5c5c 100%); /* IE10+ */
background: linear-gradient(to bottom, #febbbb 0%,#fe9090 45%,#ff5c5c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#febbbb', endColorstr='#ff5c5c',GradientType=0 ); /* IE6-9 */
border-radius: 25px 25px 25px 25px;
box-shadow: 10px 10px 10px #000;
font-family: Mistral;
font-size: 32px;
height: 200px;
margin: auto;
text-align: center;
width: 500px;
}
</style>
<div style="background: #9A0033; color: FFF; font-size: 2em;">
<p><b>Ejemplo de capa: esto es una guía para así saber como hacer capas en html usando varios códigos.</b></p>
</div>
<br>
<div id="capa">
<b> TABLAS </b>
<table bgcolor=yellow border=3 width=350 align=center>
<tr>
<td align= center colspan=2 >
<h2>DATOS DEL ALUMNO </h2>
</td>
</tr>
<tr >
<th>
nombre
</th>
<th>
grado
</th>
</tr>
<tr>
<th>
maria fernanda
</th>
<th>
4to merka
</th>
</tr>
<tr>
</div>
<br>
</body>
</html>
