Как сделать текст на картинке css?

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

от cristina.schaefer , в категории: HTML/CSS , 5 месяцев назад

Как сделать текст на картинке css?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

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

от kendall_mckenzie , 5 месяцев назад

Сделать текст на картинке css, можно так:


HTML:

1
2
3
4
5
6
<body>
    <div class="lol">
        <img src="image/12.png">
        <span>Привет!</span>
    </div>
</body>


CSS:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
.lol {
    position: relative;
    display: inline-block;
}


.lol img {
    height: 100px;
    width: 100px;
}
.lol span {
color: rgb(255, 255, 255);
background: rgb(15, 15, 15);
position: absolute;
right: 0px;
bottom: 30px;
}