Студия
создания сайтов
Работаем с 2009 года
ap@ap-web.ruandrew59rus (342)  204 - 48 - 69 (912)  884 - 80 - 87

Как добавить рамку к изображению

Зачастую для более выразительного отображения картинки на странице сайта необходимо установить вокруг этого изображения рамку опеделённого цвета и толщины.

Как этого добиться?
Для добавления рамки вокруг картинки применяется стилевое свойство border, которое следует добавить к селектору IMG.

В качестве значения одновременно указывается толщина границы, её стиль и цвет.

Например, для создания сплошной рамки толщиной два пиксела красного цвета необходимо записать img {border: 2px solid #ff0000;}.

В примере ниже приведен код для добавления рамки к изображениям на странице.
В данном примере введён стилевой класс border_img, который добавляется к выбранным рисункам с помощью атрибута class.

в файл стилей сайта ccs добавляете:

.border_img { border: 3px solid #00a8e1; }

а непосредственно в коде страницы рисунок окружаете div-ом

<div class="border_img"></div>

Отправьте заявку и мы с Вами свяжемся

Отправляя заявку Вы соглашаетесь на обработку своих персональных данных (подробнее)

Ваше имя* 
N телефона* 

Студия AP-Web
Наши контакты :

  • 614109, Россия, Пермь,
    ул. 5-я Каховская, д. 10-А, оф. 220
  • ap@ap-web.ruandrew59rus
  • +7 (342)  204 - 48 - 69 +7 (912)  884 - 80 - 87