0 added
0 removed
Original
2026-01-01
Modified
2026-02-26
1
<p>Для того, чтобы сделать обтекание текста по контуру картинки с прозрачным фоном в HTML, можно использовать свойство CSS shape-outside.</p>
1
<p>Для того, чтобы сделать обтекание текста по контуру картинки с прозрачным фоном в HTML, можно использовать свойство CSS shape-outside.</p>
2
<p>Необходимо добавить изображение на страницу HTML:</p>
2
<p>Необходимо добавить изображение на страницу HTML:</p>
3
<img src="path/to/image.png" alt="image" class="image" /><p>Далее, добавить стили CSS для изображения:</p>
3
<img src="path/to/image.png" alt="image" class="image" /><p>Далее, добавить стили CSS для изображения:</p>
4
.image { float: left; shape-outside: url('path/to/image.png'); shape-margin: 20px; }<p>Добавляем текст, который будет обтекать изображение:</p>
4
.image { float: left; shape-outside: url('path/to/image.png'); shape-margin: 20px; }<p>Добавляем текст, который будет обтекать изображение:</p>
5
<div class="text"> <p>Текст, который будет обтекать изображение.</p> </div><p>Добавляем стили CSS для текста. Скрываем часть текста, которая будет находиться за пределами обтекаемого изображения):</p>
5
<div class="text"> <p>Текст, который будет обтекать изображение.</p> </div><p>Добавляем стили CSS для текста. Скрываем часть текста, которая будет находиться за пределами обтекаемого изображения):</p>
6
.text { overflow: hidden; }
6
.text { overflow: hidden; }