在HTML里,怎么把规定的文字显示在图片上?

在HTML里,怎么把规定的文字显示在图片上?,第1张

你的代码是正确的,应该是背景图片路径不对,把图片和你的html文档放在一起,你可以试试?

tml>

<head>

<title>我的第一个网页</title>

<style type="text/css">

<!--

.STYLE1 {

font-size: larger

font-weight: bold

font-style: italic

}

-->

</style>

</head>

<body text="blue" background="1.jpg">

<center>

<h1 class="STYLE1">我的主页</h1>

<hr width="100%" size="7" noshade color="red" align>

<h1><span class="STYLE1"> 我的姓名<br>

我的年龄<br>

我的爱好</span></h1>

</center>

</body>

</html>

1、在div里面书写了一些文字,然后想要在放入一张图片。

2、首先,我们应该先给div设置宽度和高度,保证文字有一个范围。

3、然后通过background给div添加一张图片作为它的背景。

4、通过url()来连接图片,url里面放置的就是背景图片的路径。

5、放一张图片用作背景,注意,路径要写对。

6、保存之后文字就会覆盖在图片的上面了,而如果使用img标签,则没有这种效果。


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

原文地址: https://outofmemory.cn/zaji/7630079.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-08
下一篇 2023-04-08

发表评论

登录后才能评论

评论列表(0条)

保存