使用HTML在图像上书写文本

使用HTML在图像上书写文本,第1张

概述我是 HTML的新手,想要显示左边显示的图像. 我已经显示了一个表行,但我无法获得该文本(如下所示,在blog.com中显示). 我怎么写在图像上? 任何帮助赞赏. 编辑 我试过了 .logoBg{ background-image: url('images/logo01.gif'); background-color: #72c2dd;} 和 <tr class="logoB 我是 HTML的新手,想要显示左边显示的图像.

我已经显示了一个表行,但我无法获得该文本(如下所示,在blog.com中显示).

我怎么写在图像上?

任何帮助赞赏.

编辑

我试过了

.logoBg{    background-image: url('images/logo01.gif');    background-color: #72c2dd;}

<tr >    <td colspan=5>IN    </td>    </tr>

但我只获得文字和背景颜色,但没有背景图片.

解决方法 举个例子:

您可以将其用作HTML:

<tr><div >  <img alt="" src="http://www.YourDomain.com/img/yourImage.jpg" />  <div >    <p>This is some demonstration text</p>    <p>This is some more wonderful text</p>  </div></div></tr>

然后这作为你的CSS:

.image {    position:relative;}.image .text {    position:absolute;    top:10px;    left:10px;    wIDth:300px;}

这会将文本直接放在图像上.

总结

以上是内存溢出为你收集整理的使用HTML在图像上书写文本全部内容,希望文章能够帮你解决使用HTML在图像上书写文本所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/1049175.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-25
下一篇 2022-05-25

发表评论

登录后才能评论

评论列表(0条)

保存