Es muy facil, lo unico que necesitas es un simple codigo.
Despues a partir de este codigo que os ofrezco, podeis modificarlo, y añadirle más cosas.
<style type="text/css">
p {
color: #FF7F50 /* color */
/*los margenes*/
margin-left: 20%; margin-right: 20%;
/*anchura que tienen los bordes*/
border-top-width: 10pt; borde-bottom-width: 10pt;
border-right-width: 5pt; border-left-width: 5pt;
/*estilo y color del borde*/
border-style: ridge; border-color: orange;
/*separadores de la tabla*/
padding-top: 10pt; padding-bottom: 10pt;
padding-right: 20pt; padding-left: 20pt;
}
</style>
Y luego, hariamos algo así en algo.html:
<html>
<head>
<title>Tu titulo</title>
<style type="text/css">
p {
color: #FF7F50 /* color */
/*los margenes*/
margin-left: 20%; margin-right: 20%;
/*anchura que tienen los bordes*/
border-top-width: 10pt; borde-bottom-width: 10pt;
border-right-width: 5pt; border-left-width: 5pt;
/*estilo y color del borde*/
border-style: groove; border-color: orange;
/*separadores de la tabla*/
padding-top: 10pt; padding-bottom: 10pt;
padding-right: 20pt; padding-left: 20pt;
}
</style>
</head>
<body>
<p>Aqui todo el contenido que quieras</p><br>
<p>Aqui otro contenido que desees</p><br>
y así sucesivamente...
</body>
</html>
Como veis, es muy simple.
Tambien tenemos diferentes tipos de tablas
solid, double, groove, ridge, inset y outset.
Como veis, en nuestro code utilizamos groove.
Es muy simple.
