Сделать рамку вокруг изображения CSS, можно следующим образом:
HTML:
1 2 3 |
<body> <img class="border" src="./image/11.jpeg"> </body> |
CSS:
1 2 3 |
.border { border: 5px solid #898; } |
@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; } |