Estilo de la tabla en CCS

[syntex]

Saludos FOROSDELWEB;

Tengo que hacer el borde de la tabla con CCS

<style>
.border{
border-style: solid;
border-color: 483b8d;
border-width:1;
border-top-width: 5; //Arriba
border-width: 5;// Abajo
border-left-width: 1;// Izquierda
border-right-width: 1; //Derecha
}
</style>

Y los cantos ?

Arriba Derecha ?
Arriba Izquierda?
Abajo Derecha ?
Abajo Izquierda?

Saludos

[ferny]

Los bordes exteriores de la tabla se definen por un lado y los interiores de las celdas por otro:

<style>
.tabla{
border-style: solid;
border-color: #FF0000;
border-top-width: 5; //Arriba
border-bottom-width: 5;// Abajo
border-left-width: 1;// Izquierda
border-right-width: 1; //Derecha
}
</style>

<table class="tabla" ....

Los interiores de las celdas es parecido:

<style>
.celda{
border-style: solid;
border-color: #483b8d;
border-top-width: 5; //Arriba
border-bottom-width: 5;// Abajo
border-left-width: 1;// Izquierda
border-right-width: 1; //Derecha
}
</style>

<td class="celda" ....

Se trata de jugar con esos parámetros...

Salu2

[syntex]

Saludos Ferny

No se pueden definir los cantos en CCS?

Me gustaria introducir una imagen redondeada con

background: url();

Es posible solo los cantos?

[ferny]

¿Te refieres a poner bordes redondeados con CSS? Eso no se puede. Lo más que puedes hacer es jugar con los parámetros de arriba:

<style>
.imagen{
border-style: solid;
border-color: #FF0000;
border-top-width: 5; //Arriba
border-bottom-width: 5;// Abajo
border-left-width: 1;// Izquierda
border-right-width: 1; //Derecha
}
</style>

<img class="imagen" src="...">

[syntex]

Entonces lo tendria que hacer con las tablas?

Bueno sabia que no se puede hacer redondeado,

Pero no sabia si se podia definir los cantos con

Background: url( imagen .BMP);

Con tablas lo hago asin?

<table>
<tr>
<td><img src='BordeDerecho.bmp'>
<td><img src='linea.bmp'>
<td><img src='BordeIzquierdo.bmp'>
<tr>
<td><img src='linea.bmp'>
<td>

Contenido
..
..
...
..
..
..
..
<td><img src='linea.bmp'>
<tr>
<td><img src='BordeIzquierdo.bmp'>
<td><img src='linea.bmp'>
<td><img src='BordeDerecho.bmp'>
</table>

[ferny]

Tienes muy buenos ejemplos aquí:
http://www.desarrolloweb.com/articulos/819.php
http://www.desarrolloweb.com/articulos/858.php
Checalos pues te sirven pa lo que quieres.

[syntex]

Muchísimas gracias Ferny

¡¡ Muy interesante !!

Ya que las e incluido en Favoritos y me las voy a mirar

Saludos