Закруглённые углы блока или таблицы
Как без особых усилий сделать контейнер, с закруглёнными углами не прибегая к услугам графических редакторов, т.е. без графики?
При помощи CSS3
Для начала создадим простой блок или таблицу (div) с идентификатором id="round".
<div id="round"></div>
В css запишем:
#round {
background-color: #f5f5f5;
border: 1px solid #000;
-moz-border-radius: 10px; /* для браузера Mozilla Firefox */
-webkit-border-radius: 10px; /* для браузеров Safari и Google Chrome */
}
Пока что это работает только в браузерах: Mozilla Firefox, Safari и Google Chrome, Internet Explorer отказывается отображать углы блоков и таблиц закругленными. Поэтому приходится использовать графику, чтобы углы отображались закругленными в лучшем браузере все времен и народов Internet Explorer.
При помощи CSS3
Для начала создадим простой блок или таблицу (div) с идентификатором id="round".
<div id="round"></div>
В css запишем:
#round {
background-color: #f5f5f5;
border: 1px solid #000;
-moz-border-radius: 10px; /* для браузера Mozilla Firefox */
-webkit-border-radius: 10px; /* для браузеров Safari и Google Chrome */
}
Пока что это работает только в браузерах: Mozilla Firefox, Safari и Google Chrome, Internet Explorer отказывается отображать углы блоков и таблиц закругленными. Поэтому приходится использовать графику, чтобы углы отображались закругленными в лучшем браузере все времен и народов Internet Explorer.
