Как сделать сплошные рамки у изображений

Проблема

Иногда у нас возникает необходимость использовать узор или изображение не в качестве фона, а в качестве рамки. Например, на рисунке вы видите элемент с декоративной рамкой, по сути, представляющей собой изображение, обрезанное так, чтобы от него осталась только рамка. Кроме того, мы хотим, чтобы наше изображение могло масштабироваться, закрывая всю площадь рамки, независимо от размеров элемента. Читать далее

как задать сплошные рамки у изображений CSS

		Это интересно 0	Как всё будет выглядеть в блоге: Как сделать сплошные рамки у изображений Проблема Иногда у нас возникает необходимость использовать узор или изображение не в качестве фона, а в качестве рамки Скопируйте код для блога: <div style="border:1px solid #E8E8E8;margin:10px auto;padding:10px 15px;"> <a href="https://subscribe.ru/" style="display:block;"><img src="https://subscribe.ru/img/logokanal.png" style="margin:0;border: 0;" alt=""/></a> <a href="https://subscribe.ru/group/gruppa-polzovatelej-interneta-u-kotoryih-est-svoi-malenkie-sajtyi-i-blogi/17676192/" style="border-color:#E8E8E8;border-style:solid;border-width:1px 0;color:#555555;display:block;font-family:trebuchet MS;font-size:1.2em; font-weight:bold;margin:5px 0;padding:5px 0;text-decoration:none;"> Как сделать сплошные рамки у изображений </a> <div class="insert-intro" style="font-family:trebuchet MS;">Проблема Иногда у нас возникает необходимость использовать узор или изображение не в качестве фона, а в качестве рамки </div> </div> Как сделать сплошные рамки у изображений <div style="border:1px solid #E8E8E8;margin:10px auto;padding:10px 15px;"> <a href="https://subscribe.ru/" style="display:block;"><img src="https://subscribe.ru/img/logokanal.png" style="margin:0;border: 0;" alt=""/></a> <a href="https://subscribe.ru/group/gruppa-polzovatelej-interneta-u-kotoryih-est-svoi-malenkie-sajtyi-i-blogi/17676192/" style="border-color:#E8E8E8;border-style:solid;border-width:1px 0;color:#555555;display:block;font-family:trebuchet MS;font-size:1.2em; font-weight:bold;margin:5px 0;padding:5px 0;text-decoration:none;">Как сделать сплошные рамки у изображений</a> <div style="font-family:trebuchet MS;">Проблема Иногда у нас возникает необходимость использовать узор или изображение не в качестве фона, а в качестве рамки </div> </div>

webguru

27.08.2022

В избранное Пожаловаться Просмотров: 105

Комментарии ⁰

Группа пользователей Интернета у которых есть свои маленькие сайты и блоги 5929

Активные участники:

Последние откомментированные темы:

Как сделать сплошные рамки у изображений

Проблема

Комментарии временно отключены

Премодерируемое участие
3093 участника