html如何在一个页面中插入背景图上面可以放文字

如题所述

你给一个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的背景图片就有了,你在里面写文字就可以了,如果你想给文字放到特定位置的话就需要定位了,
温馨提示:内容为网友见解,仅供参考
第1个回答  2014-11-05
<div style="background:url(图片路径) no-repeat left top;">这个是文字内容。</div>

这个样子就可以了哦,no-repeat表示图片不重复。left表示背景靠左(左对齐),top表示背景靠上(顶对齐)。

第2个回答  2014-11-05
给加个background-image:url();属性就可以设置背景图片了,然后文字什么的其他元素自然会在背景图片上面
第3个回答  2014-11-05
<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>


看下这个对不对

第4个回答  2014-11-05
只要将图片设置为背景图片,文字就是在图片上面显示的
相似回答