Скругленные края можно реализовать несколькими способами, например, 1) вставив в углы таблицы соответствующие рисунки, 2) оформив в виде таблицы текстовые блоки при помощи CSS, 3) реализовав сдвиг строк и изменение их длины, 4) наложив поверх таблицы прозрачный слой со скругленным прямоугольником, 5) написав скрипт, рисующий таблицу требуемой формы и т.д.
Самая простая реализация процитирована ниже, это способ №1.
Код на HTML, найден на просторах тырнета за пару минут
Цитата:
<table width="100%">
<tr><td width="5"><img src="картинка левый верхний угол" width="5" height="5" border="0"></td>
[/FONT]<td background="картинка верхняя линия" valign="top"></td>
<td width="5"><img src="картинка правый верхний угол" width="5" height="5" border="0"></td></tr>
<tr>
<td background="картинка левая вертикальная линия"></td>
<td valign="top">Содержимое таблицы</td>
<td background="картинка правая вертикальная линия"></td></tr>
<tr>
<td width="5"><img src="картинка левый нижний угол" width="5" height="5" border="0"></td>
<td background="картинка нижняя линия" valign="top"></td>
<td width="5"><img src="картинка правый нижний угол" width="5" height="5" border="0"></td>
</tr>
</table>
|
Код на CSS по сути является стилем оформления текстового блока, есть разные способы оформления блоков, от простого до фигурного. Более подробно - по ссылке:
Делаем рамки и закругленные углы с помощью html и css.