在div插入的图片上写文字,怎么写代码

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在div插入的图片上写文字,怎么写代码相关的知识,希望对你有一定的参考价值。

方法1:<div style="width:200px; height:200px; background:url( 图片路径)">表示的字</div> 方法2:css样式:id .bac width:200px; height:200px; background:url( 图片路径) <div class="bac">表示的字</div>
------------------------------------------------------------
把插入的图片设置成背景图就行了追问

已经有背景图了,是在背景图上插入的图片上面写字

追答

上面的代码可以实现
----------------------------------------------
上面代码是把div控制的区域添加个背景图(就是背景图上插入的图片)
你把代码试验一下就能看出效果了

参考技术A <div style="background:url(img.jpg) no-repeat;">
输入文字内容信息
</div>

追问

已经有背景图了,是在背景图上插入的图片上面写字

追答<div style="background:url(img-1.jpg) no-repeat;">
    <p style="background:url(img-2.jpg) no-repeat;">
        输入文字内容信息
    </p>
</div>

参考技术B 发啊啊啊啊啊啊啊

怎么在JSP中插入图片?

我用eclipse做实训,做一个JSP网站,在Dreamweaver编辑的,可是在eclipse中运行的时候,图片显示不出来.这是什么原因呢?

1、首先需要新建Dynamic web project项目,建好之后在WebContent里面的内容如图所示。

2、在body里在body里面设置背景图片,如图所示body部分内容。

3、在body里面代码操作好之后,运行效果如图所示。

4、也可以设置背景颜色,直接将url(images/backImage.jpg)替换成#f00000。

5、直接写页面代码操作好之后,运行效果如下。

6、也可以在head里面设操作代码,如图所示。

7、在head里面代码操作好之后,运行效果如下。

扩展资料:

JSP将Java代码和特定变动内容嵌入到静态的页面中,实现以静态页面为模板,动态生成其中的部分内容。JSP引入了被称为“JSP动作”的XML标签,用来调用内建功能。另外,可以创建JSP标签库,然后像使用标准HTML或XML标签一样使用它们。

标签库能增强功能和服务器性能,而且不受跨平台问题的限制。JSP文件在运行时会被其编译器转换成更原始的Servlet代码。JSP编译器可以把JSP文件编译成用Java代码写的Servlet,然后再由Java编译器来编译成能快速执行的二进制机器码,也可以直接编译成二进制码。

参考技术A JSP中插入的图片就是一个html的img标签,如
<img src="images/hi.png"/>
1. 上传图片到服务器的文件系统中。
2. 把图片的地址保存到数据库。
3. 读取图片的地址,设置到<img src=".."/>的src属性中。
参考技术B dreamweaver插入的图片是本地路径,就好像是D:/mypic.jpg
但jsp是运行在服务器上的,图片路径应该是工程的虚拟路径
如:http://localhost:myproject/mypic.jpg或者/myproject/mypic.jpg.
但如果是本地路径也可以显示。你的不显示是因为dreamweaver用的是绝对路径,不是相对路径。本回答被提问者采纳
参考技术C 把图片和jsp放在同一个文件夹下,src="图片名称.后缀" ,图片名称不能出现汉字,否则会无法显示 参考技术D 你只须在web目录下建一个image文件夹,在Dreamweaver编辑时在导入站点时将其设为默认的文件夹就可以了

以上是关于在div插入的图片上写文字,怎么写代码的主要内容,如果未能解决你的问题,请参考以下文章

jsp中js实现点击按钮更改背景图片代码怎么写?

怎么使用CSS让图片水平垂直都居中?

想在一个div里面添加图片,用js怎么写啊?

js或是jquery代码怎么写让图片在一个div里实现由远到近的渐变效果,即图片慢慢放大,超出div的部分不显示

HTML怎么编辑双排并列文字

html点击div触发弹窗事件怎么写代码?