PDA

Ver la Versión Completa : bordes


Marquitos
11-05-2006, 19:20:10
hola; e estado mirando por el foro y no he encontrado nada ; yo quiero poner un borde de un detarminado color a uan etiqueta <table> e probado con border color bgcolor color y nada me pone el border pero de un color gris; nada parecido al que yo quiero.
otra pregunta es ¿ se podria poner un borde en eun etiqueta <td>? si es asi, como podria ser????????????????:)
gracias

roman
11-05-2006, 19:35:35
Lo mejor es usar hojas de estilos:


<table class='mi_tabla'>
...
</table>


En una hoja de estilo indicas cómo quieres que se vean las tablas de clase "mi_tabla":


estilos.css

table.mi_tabla
{
border: none;
}

table.mi_tabla td
{
border: 2px solid navy;
}


Aquí le indicas que las celdas <td> dentro de una tabla de clase "mi_tabla" tendrán un borde de 2px de grosor, estilo sólido (continuo) y color navy.

En estilos, el borde de la etiqueta <table> se refiere al border externo, no al de cada celda. Por eso en el ejemplo te pongo border: none pero bien puedes ponerle uno aparte.

También puedes dar bordes a celdas en particular, marcandolas con una clase:


<td class='celda_distinta'>


y dándole el estilo en la hoja:


table.mi_tabla td.celda_distinta
{
border: 1px dashed red;
}


En fin, te recomiendo leas acerca de las hojas de estilo que son la forma actual y adecuada de dar formato a tus páginas.

// Saludos

kayetano
12-05-2006, 11:07:45
Hola

Yo para poner borde a las tablas y celdas utilizo esta opción:

<TABLE border=0 cellspacing=1 cellpadding=0 bgcolor=#cccccc>
<TR bgcolor=#ffffff>
<TD>CELDA 1</TD>
<TD>CELDA 2</TD>
</TR>
</TABLE>

Diavlo
27-05-2006, 01:49:24
Con este codigo el borde de la tabla tendra un efecto de sombra.


<table bordercolordark=#660000 bordercolorlight=#FF0000 width=100%>
<tr>
<td>Item
</td>
</tr>
</table>



En cambio esta tabla tendra un color uniforme en toda la tabla.


<table bordercolor='#FF00FF' width=100%>
<tr>
<td>Item
</td>
</tr>
</table>