-
1. html怎么在图片中写字
可以使用text-decoration属性
text-decoration:none 无装饰，通常对html下划线标签去掉下划线样式text-decoration:underline 下划线样式text-decoration:line-through 删除线样式-贯穿线样式text-decoration:overline 上划线样式
2. html在图片上写字
一种方式:直接将这个图用ps处理，还有一种html里面有层级代码，修改代码将字这一层放在图片上面方法1: ps写在图片上方法2: 给标签加入图片背景, 在标签里面写字方法3: 使用img加载图片, 样式设置为固定或绝对定位, 添加样式z-index: -1;
3. html怎么在图片上写字
你可以新建一个div区域，在这个div区域里进行css样式设置-添加背景图片，然后在div区域里输入文字，这样文字就会在图片上了把图片设为背景，，就可以写字了第二种方法，把图片插入后，在放一个浮动层，，就可以在上面写字了.举个例<styletype="text/css"><!--#Layer1{position:absolute;width:200px;height:115px;z-index:1;left:17px;top:34px;}--></style></head><body><tablewidth="200"border="1"background="admin/images/head.webp"><tr><td>测试文字</td></tr></table>//上面是第一种方法，下面是第二种方法<tablewidth="200"border="1"><tr><td><imgsrc="admin/images/head1.webp"width="192"height="110"/><divid="Layer1">我要来试一下</div></td></tr></table>
4. html怎么把字写在图片上
用DREAMWEAVER或是其它开发工具等都是可以实现的，如在DREAMWEAVER开发为例：
可以选择在设计模式下，在菜单栏中选择-插入-图片，选择图片即可
如果写html代码，那在想插入图片的地方中加：<img src="图片的路径" /><html><head></head><body><img src='b.webp'/></body>
5. html怎样在图片下面写文字
你要输入的文字
如果图片和文字在同个div内，那就把div的css设置为text-align: center;
6. html怎么写入图片
第一种方式是image 作为背景图片，即：background:url(".......");
例如如下代码块：
<div >添加文字...添加文字...添加文字...</div>
第二种方式是将img块与文字块（文字块采用span标签显示）放在同一个div 中，然后设置他们之间的位置，例如如下代码块：
<div >
< img src="loading.webp" width="170" height="89" alt="">
<span >添加文字...添加文字...添加文字...</span>
</div>
第三种方式是将img块与文字块（文本块存放在div中）放在同一个div 中，然后设置他们之间的位置，例如如下代码块：
<div >
< img src="loading.webp" />
<div >添加文字...添加文字...添加文字...</div>
</div>
7. html放图片怎么写
方法一、用HTML中的img标签添加图片
最简单，最常用的就是直接使用img标签，并且可以根据需要设置图片的大小，代码如下：
1
2
3
4
5
6
7
8
9
10
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<img src="img/picture1.webp"/ width="300px" height="180px">
</body>
</html>
效果图：
方法二、用JavaScript创建一个img元素来导入图片
先创建一个img元素，再设置这个img元素的路径，图片长和宽，最后将其插入到页面中，代码如下：
1
2
3
4
5
6
7
<script type="text/javascript">
var Image1 = document.createElement("img");
Image1.src = "img/picture1.webp";
Image1.width = 300;
Image1.height = 180;
document.body.appendChild(Image1);
</script>
方法三、用JavaScript中的innerHTML动态插入图片
还是使用JavaScript中的方法，实质和方法二类似，只是写法不一样，创建img元素然后添加到HTML页面，代码如下：
1
2
3
<script type="text/javascript">
document.body.innerHTML = '<img src="img/picture1.webp" height="180" width="300" />';
</script>
图片效果和方法一一样。
8. html5如何在图片上写文字
1、新建一个html文件，命名为test.html，用于讲解html+css怎么在图片上添加文字。
2、在test.html文件中，使用div标签创建一个模块，在div内，使用img标签创建一张图片。
3、在test.html文件中，在div标签内，使用p标签创建一段文字，下面将通过css让该段文字添加在图片4、在test.html文件中，在css标签中，通过“*”来初始化页面所有元素内外边距为0，避免影响下面css样式定义。
5、在css标签中，对div元素进行样式设置，定义其位置属性position为相对定位（relative）。
6、在css标签中，对div内的p元素进行样式设置，定义其位置属性position为绝对定位（absolute），这个绝对定位是相对于图片的位置而定的，让文字距离图片左边缘10px，距离图片上边缘10px，并且设置文字颜色为红色。
7、在浏览器中打开test.html文件，查看实现的效果。