jump to navigation

Codeando tablas Abril 30, 2008

Posted by erik in : CSS , trackback

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.

Código:

<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:

Código:

<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.

Comments»

no comments yet - be the first?