A. HTML怎么在图片上添加文字,也就是图片作为背景,代码和图像显示如下
单纯的html要实现你说的效果很难,必须html和css配合才可以,首先用css为需要设置背景的元素设置背景,然后用html写文字等内容。附加一个简单例子,希望帮到你。(其中1.jpg跟这个页面在一个路径)
<!doctypehtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<metaname="Generator"content="EditPlus®">
<metaname="Author"content="">
<metaname="Keywords"content="">
<metaname="Description"content="">
<title>Document</title>
<styletype="text/css">
*{
margin:0;
padding:0;
}
.flower{
background:url("1.jpg")centercenterno-repeat;
position:relative;
width:100%;
height:100%;
}
table{
margin:0auto;
}
</style>
</head>
<body>
<divclass="flower">
<table>
<tr>
<td>A</td>
<td>B</td>
</tr>
<tr>
<td>C</td>
<td>D</td>
</tr>
<tr>
<td>E</td>
<td>F</td>
</tr>
</table>
</div>
</body>
</html>
B. 如何用html在图片上显示文字
用js写,先得到图片的offsetLeft和offsetTop,然后写个div层吧层定位到图片的位置。层里写字就行了
C. html+css怎么在图片上添加文字
第一步:我们需要准备一个图像
作为一个例子,我想在深色背景的背景上放置白色文字。
第二步:将图像和字母放在一个div元素中
将图像和字母放在一个div标签中。在示例中,将文字“万里长城”放在p标记中。当然您可以使用标题标签而不是p标签,也可以使用span标签。
1
2
3
4
<div class = "example" >
<img src="image/greatwall.jpg">
<p>万里长城</p>
</div>
第三步:指定position属性
为每个元素设置css的position属性。
对作为父元素的div指定为position:relative,以及对包含该字符串的p标签设置为absolute。img标签不动。
把p标签的位置设置为top:0; left:0。
为了把图像放在横向上,请指定为img标签的宽度为width : 100%。
1
2
3
4
5
6
7
8
9
10
11
12
.example{/*父元素div*/
position: relative;/*相対定位*/
}
.example p {
position: absolute;/*绝対定位*/
color: white;/*文字设为白色*/
top: 0;
left: 0;
}
.example img {
width: 100%;
}
D. html+css如何在图片上添加文字
可以。
以html为例,步骤:
一、在body中建立文字信息以及图片内容,也就是在header中包含两个同级,图片和文字。
E. css怎么让文字显示在图片的上面
工具/材料:电脑。
css让文字显示在图片上的操作步骤如下:
1、首先在div里面书写文字,然后放入1张图片。
F. 网页设计中如何让把文字放在图片上显示
把图片设为背景即可,以下是修改后的代码<html>
<head>
<title>框架</title>
<style>
.father{
width:500px;
height:250px;
border:1px
solid
#f76f01;
background-color:#ffffff;
}.son1{
float:left;
font:12px;
height:
}
</style>
</head>
<body>
<div
class="father"><div
class="son1"
style="background-image:url(image/1.jpg);width:100%;height:50px">把此文字放在上面的粗条上</div>
</div>
</body>
</html>
G. html代码中如何在图片内输入文字
把图片当作背景。然后插入文字就行了。
如下:
<div style="background:url(pic001.jpg) no-repeat"><p>你想看见的文字</p></div>