Автор Тема: HTML  (Прочитано 3594 раз)

0 Пользователей и 1 Гость просматривают эту тему.

Оффлайн qwertyuser

  • самый главный админ
  • Administrator
  • Hero Member
  • *****
  • Сообщений: 561
  • Karma: +65535/-0
  • кармадрочер
    • Просмотр профиля
    • ufoserver.org
HTML
« : Октябрь 28, 2010, 02:54:49 pm »
скругление углов в картинке

пример 1
HTML
<div class="b-img-radius" style="background: url(i/tmp/1.jpg); width: 250px; height: 167px"></div>
CSS
/* IMG radius */

.b-img-radius {
  border: 1px solid #000;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

/* ----------- */

пример 2
HTML
<div class="b-img-radius" style="background: url(i/tmp/1.jpg)"><img src="i/tmp/1.jpg" /></div>

CSS
/* IMG radius */

.b-img-radius {
  zoom: 1;
  position: relative;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  display: inline-block;
  vertical-align: top;
}

  .b-img-radius img {
    display: block;
    visibility: hidden;
  }
 
/* ----------- */

по вопросам размещения Ваших сайтов на этом сервере пишите info@qwertyuser.ru