Закругление углов таблиц и блоков без графики

Также без особых усилий можно сделать таблицу или блок с закруглёнными углами не прибегая к услугам графических редакторов, т.е. без графики. Правда, это работает не во всех браузерах. Лучший браузер всех времен (Internet Explorer) опять отличился, этот метод работает во всех популярных браузерах: Mozilla Firefox, Safari и Google Chrome, кроме Internet Explorer.

В HTML пишем:

<table border="0" cellpadding="0" cellspacing="0" width="600" id="round"> <tr> <td> <p> Текст </p> </td> </tr> </table> или <div id="round"> здесь много текста</div>

В CSS указываем цвет фона, цвет рамки, и т.д.

<style> #round { background-color: #f5f5f5; border: 1px solid #000; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } </style>

В результате получаем таблицу или блок с закругленными углами:

Углы этого блока (div'а) выглядят закругленными потому что мы использовали CSS3, который понимают все популярные браузеры: Mozilla Firefox, Safari и Google Chrome, кроме Internet Explorer.