Как сделать рамку вокруг изображения в CSS?
2 ответа
от
declan.bashirian ,
год назад
Сделать рамку вокруг изображения 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 ,
5 месяцев назад
@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; } |
15