2010-04-16 32 views
7

Quiero crear una tabla html con un borde exterior negro de 1 pt y el mismo borde alrededor de cada td.Tabla con borde interior negro, pero gris

debería tener este aspecto (sólo las fronteras, por supuesto)

enter image description here

utilizo

<table border="1" style="border-collapse:collapse; border-color:Black; border-style:solid; border-width:1pt"> 

Como resultado consigo un negro exterior, pero grises fronteras interiores.

+0

¿Qué navegador pruebas en? Su código produce bordes interiores negros (o lo que se especifique) en Chrome. –

+0

ah gracias, muy interesante! Yo uso Internet Explorer. – AGuyCalledGerald

Respuesta

10

Puede intentar implementar algo como esto en su hoja de estilo CSS.

.mytable 
{ 
border-collapse:collapse; 
border-color:#000000; 
border-style:solid; 
border-width:2px; 
} 

.mytable td 
{ 
border-color:#cccccc; /*grey*/ 
border-style:solid; 
border-width:1px; 
} 

Y algo así HTML:

<table class="mytable"> 
    <tr> 
     <td>Content</td> 
    </tr> 
</table> 

Example here

+1

El selector css debe ser table.mytable, sin espacio, o simplemente .mytable. Como ahora, estás apuntando a una clase .mytable dentro de una tabla. – easwee

+0

¡Ah! ¡Gracias! Typos en todas partes hoy :) – Kyle

+0

¡Genial! Pensé que funcionaría sin hablar con el td, , pero parece que no es así. – AGuyCalledGerald

Cuestiones relacionadas