• Золотой Porshe
  • Pixlr – графический редактор on-line
  • Водно-лазерное шоу (Sony)
  • Пидарги заполонили всю планету :)
  • Смотрим и редактируем UTF-8 файлы в FARе
  • Марадона в молодости
  • Завораживающая задница от Sebastien Tellier – Look
  • Подстава
  • Новый геймплейный ролик Mirror’s Edge
  • Мебель-трансформер
  • Step Up 2 – Финальный танец
  • Magic pen игрушка с 2D физикой онлайн
  • Во Вселенную со Стивеном Хокингом. Часть 1 — Инопланетная жизнь
  • CamSpace – манипулятор
  • Чисто для поржать
  • Кто новый лидер Китая?
  • Dvico TViX M-7000A на 1,5 терабайта
  • Отпуск! Увидеть Париж и вернуться домой
  • Audme – слушаем музыку онлайн и создаем плейлисты
  • Wi2geo – навигация через WiFi
  • Микки Рурк в передаче Прожекторперисхилтон
  • Doom III моддинг
  • 25 марта

    Закругленные уголки у контейнера

    Веб-мастеру — Метки: , , , — Pion2er1416 дней назад

    Способов закруглить уголки у контейнера существует немало, вот один из них. Хорошо тем, что очень прост и понятен. Пример делать не буду, и так ясно что все будет работать :)

    <p>
      <span>
      <span>
      <span>
      Текст в контейнере
      </span>
      </span>
      </span>
    </p>
    
    p {
       color: black;
       background: white url("img/lt.gif") top left no-repeat;
       margin: 0 0 20px 0;
    }
    
    p span {
       display: block;
       background: url("img/rt.gif") top right no-repeat;
    }
    
    p span span {
       background: url("img/rb.gif") bottom right no-repeat;
    }
    
    p span span span {
       padding: 2em;
       min-height: 1px;
       background: url("img/lb.gif") bottom left no-repeat;
    }
    
    * html p span span span {
       height: 1px; /*исправление для IE 6*/
    }
    
    Все права на записи принадлежат порталу PION.RU. При использовании любой информации с данного сайта, обратная ссылка «открытая» для поисковых машин на эту страницу обязательна! В противном случае вы нарушатете закон Российской Федерации об авторском праве и смежных правах. Статья 7.3

    Похожие записи:

    1. :first-letter и два фона у одного объекта
    2. Правильные иконки к ссылкам при помощи CSS
    3. Кнопка с закругленными уголками в 1px при помощи стилей
    Распечатать запись Распечатать запись



    Комментарии (2) »

    1. А где можно выкачать картинки к данному примеру?

      Mixa еще не оценил запись.

      комментарий by Mixa
      — 2 июля 2008 @ 17:39

    2. Ну картинки с уголками сделать то можно самому уж.. нужно то всего 4 уголка :)

      Pion2er еще не оценил запись.

      комментарий by Pion2er
      — 4 июля 2008 @ 13:35

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

    RSS лента комментариев на эту запись. TrackBack URL

    1. Подпишись на
      RSS ленту
    2. Pion.ru
      на Twitter
    3. Делись с
      друзьями
    • Зарабатываем

    • 221.69 руб. заработано за сутки в бирже ссылок SAPE:
      Место в рейтинге: 119-8

    Как вы относитесь к церкви?

    Результаты

    Loading ... Loading ...