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

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

В HTML пишем:

<table border="0" cellpadding="0" cellspacing="0" width="600" id="table-round1"> <tr> <td> <p> Текст </p> </td> </tr> </table>

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

<style> #table-round1 { width:600px; height:76px; background: url('images/pic.png') no-repeat; margin: 0; padding: 9px; font:12px verdana, arial, helvetica, sans-serif; color : #866057; } </style>

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

источник