• Новые сообщения · Участники · Правила форума · Поиск · RSS
    • Страница 1 из 1
    • 1
    Модератор форума: STALKER  
    Форум » О веб-дизайне » Css » Закругление углов без использования картинок
    Закругление углов без использования картинок
    STALKERДата: Суббота, 17.12.2011, 19:49 | Сообщение # 1
    Генералиссимус
    Группа: Администраторы
    Сообщений: 139
    Статус: :-(
    Чтобы закруглить углы нам потребуется несколько секунд!

    Если мы имеем дело с бордюром, то закругление возможно.
    Для этого копируем следующий код в стили объекта у которого нужно закруглить углы.

    Code
    -webkit-border-radius: 8px;   
    -moz-border-radius: 8px;   
    border-radius: 8px;


    Например у нас есть таблица, её код следующий:

    Code
    <table width="100%" height="100px" style="border: 1px solid black;">   
       <tr><td>Содержимое</td></tr>   
       </table>


    То в атрибут "style" нужно дополнить следующим кодом:

    Code
    -webkit-border-radius: 0px 0px 8px 8px;-moz-border-radius: 0px 0px 8px 8px;border-radius: 0px 0px 8px 8px;


    Тогда у нас получиться следующий код:

    Code
    <table width="100%" height="100px" style="border: 1px solid black;-webkit-border-radius: 8px;   
       -moz-border-radius: 8px;   
       border-radius: 8px;">   
       <tr><td>Содержимое</td></tr>   
       </table>


    Скрин:



    Источник


     
    Форум » О веб-дизайне » Css » Закругление углов без использования картинок
    • Страница 1 из 1
    • 1
    Поиск: