html如何在一个页面中插入背景图上面可以放文字
发布网友
发布时间：2022-04-22 00:01
共5个回答
热心网友
时间：2023-07-06 15:44
你给一个div 添加背景图，不影响在这个div里面添加文字的，比如
<style>
.class{width: 200px;height: 200px;background: url("图片路径") no-repeat;}
</style>
注释：background: url("图片路径") no-repeat;
repeat: 平铺整个页面,左右与上下
repeat-x: 在x轴上平铺,左右
repeat-y: 在y轴上平铺,上下
no-repeat: 图片不重复
<div class="class">
<p>你的文字内容</p>
</div>
那么在这个div的背景图片就有了，你在里面写文字就可以了，如果你想给文字放到特定位置的话就需要定位了，
热心网友
时间：2023-07-06 15:45
<div style="background:url(图片路径) no-repeat left top;">这个是文字内容。</div>
这个样子就可以了哦，no-repeat表示图片不重复。left表示背景靠左（左对齐），top表示背景靠上（顶对齐）。
热心网友
时间：2023-07-06 15:45
给加个background-image:url();属性就可以设置背景图片了，然后文字什么的其他元素自然会在背景图片上面
热心网友
时间：2023-07-06 15:46
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title></title>
</head>
<body style="background:url(http://www.veigou.com/images1/banner-one.jpg);">
</body>
</html>
看下这个对不对
热心网友
时间：2023-07-06 15:46
只要将图片设置为背景图片，文字就是在图片上面显示的
