Как сделать рамку вокруг изображения в CSS?

Пользователь

от meta , в категории: HTML/CSS , 3 года назад

Как сделать рамку вокруг изображения в CSS?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от declan.bashirian , 3 года назад

Сделать рамку вокруг изображения CSS, можно следующим образом:


HTML:

1
2
3
<body>
        <img class="border" src="./image/11.jpeg">
</body>


CSS:

1
2
3
.border {
   border: 5px solid #898;
}

Пользователь

от olen.shanahan , 2 года назад

@meta 

Вы можете использовать свойство border в CSS, чтобы добавить рамку вокруг изображения. Например:

1
2
3
img {
  border: 2px solid black;
}


Это добавит толстую (2 пикселя) черную рамку вокруг всех изображений на веб-странице.


Вы также можете изменить толщину, цвет и стиль рамки, указав соответствующие значения в качестве аргументов свойства border. Например:

1
2
3
img {
  border: 1px dashed red;
}


Это добавит красную пунктирную рамку толщиной в 1 пиксель вокруг всех изображений на веб-странице.


Вы также можете указать различные стили и цвета рамки для каждой стороны изображения с помощью свойств border-top, border-right, border-bottom и border-left. Например:

1
2
3
4
5
6
img {
  border-top: 3px solid blue;
  border-right: 1px dashed green;
  border-bottom: 5px solid purple;
  border-left: 2px dotted red;
}