Закругление углов, три фоновых рисунка

Чтобы иметь возможность вставлять неограниченноо количество знаков и при этом таблица была с закругленными углами потребуется сделать три картинки.

В HTML пишем:

<table border="0" cellpadding="0" cellspacing="0" width="600" id="table-round3"> <tr> <td class="top"></td> </tr> <tr> <td class="center"> <p> Текст </p> </td> </tr> <tr> <td class="bottom"></td> </tr> </table>

В CSS указываем размеры и адреса фоновых картинкок, размер и цвет шрифта:

<style> #table-round3 { margin : 0; padding : 0; width:600px; font:12px verdana, arial, helvetica, sans-serif; color : #866057; } .top { background : url('images/top.png') no-repeat; height : 10px; padding : 0; margin : 0; } .center { background : url('images/center.png') repeat-y; padding : 8px; margin : 0; } .bottom { background : url('images/bottom.png') no-repeat; height : 10px; padding : 0; margin : 0; } <style>

В результате получаем вот такую таблицу:

Углы этой таблицы выглядят закругленными потому что мы использовали три фоновых картинки. Количество знаков, которые можно вставить в эту таблицу неограничено, то есть в таблицу можно вставить сколько угодно текста.