温馨提示×

css怎么设置文字在图片上面

css
清风
709
2021-03-11 17:01:23
栏目: 编程语言

css怎么设置文字在图片上面

css设置文字在图片上面的方法:

1.使用两个div分别存放图片和文字,使用绝对定位的方式将文字显示在图片上。

<!DOCTYPE html>

<html>

<head> 

</head>

<body>

<div style="position:relative;width:100px;height:100px;">

<img src="1.jpg" alt="1.jpg" />

<div style="position:absolute;width:100px;height:100px;z-indent:2;left:0;top:0;">

文字文字文字

</div>

</div> 

</body>

</html>

2.使用图片作为div的背景即可将文字显示在图片上。

<!DOCTYPE html>

<html>

<head> 

</head>

<body>

<div style="background:url(1.jpg) no-repeat left top;">

文字文字文字

</div>

</body>

</html>


0