etown.ru

Интернет-технологии

Круглые уголки для HTML-таблицы

Создаем простые круглые уголки для таблицы с розовым фоном, кнопка должна быть серого цвета. Будем использовать HTML-элемент таблицу.

Код таблицы:

<table width=”100%” border=”0″ cellpadding=”5″ cellspacing=”0″ bgcolor=”#EC008C”>

<tr>

<td height=”61″>

<table border=”0″ cellpadding=”0″ cellspacing=”0″>

<tr>

<td><img src=”/img/sub2_left.gif” width=”5″ height=”34″></td>

<td valign=”middle” height=”31″ class=”item”><a href=”#”>Пункт меню</a></td>

<td><img src=”/img/sub2_right.gif” width=”5″ height=”34″></td>

</tr>

</table>

</td>

</tr>

</table>

CSS код:

.item {

vertical-align: middle;

background-color: #BEBDBD;

}

Результат:

Пункт меню

Один комментарий на запись “Круглые уголки для HTML-таблицы”

  1. admin написал(а):

    В Mozilla и Opera снизу появляются выступы, в IE все ок

Оставить комментарий

XHTML: Вы можете использовать следующие теги: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>