Html táblázat sarkainak lekerekítését, hogyan tudom megcsinálni? (részletek lent)

Ilyen atribútum, hogy "bordercolor" nincs. Amit te szeretnél, azt css segítségével tudod megoldani.

Egyszerű példa css-sel:

<style>

td {border: 1px solid #000;}

</style>

<table cellpadding="4" cellspacing="0" style="border: 1px solid #000; border-radius: 10px;">

<tr><td style="border-radius: 8px 0 0 0;">valamilyen szöveg</td><td>valamilyen szöveg</td><td style="border-radius: 0 8px 0 0;">valamilyen szöveg</td></tr>

<tr><td>valamilyen szöveg</td><td>valamilyen szöveg</td><td>valamilyen szöveg</td></tr>

<tr><td style="border-radius: 0 0 0 8px;">valamilyen szöveg</td><td>valamilyen szöveg</td><td style="border-radius: 0 0 8px 0;">valamilyen szöveg</td></tr>

</table>

Viszont jobb, ha táblázatot akkor használsz, amikor arra valóban szükség van. Puszta szöveges adatokat nem táblázatokkal tagolunk egy weboldalon. Arra használd a div elemet.

css:

table{

border-radius: 8px;

-moz-border-radius: 8px;

border: 1px solid #fff;

}

vagy ha igy akarod:

<table style="border-radius:8px;-moz-border-radius:8px;border: 1px solid #fff;">

<tr>

<td>

valamilyen szöveg

</td>

</tr>

</table>

// IE nem tud lekerekiteni

az internet explorer nem tud semmit:D

de amúgy viccet félre téve 9+ tol tud kerekíteni.

Td-nek radius? Kapjál a fejedhez :D

[link]

ezzel ie7,8 alatt is lesz rádiusz