<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
.d1{
width: 400px;
height: 250px;
background-color: red;
text-align: center;
}
</style>
</head>
<body>
<div>
<img width="200px" height="150px" src="dddd.png" />
<br/>
你啥时候嫁给我,hahahahaahahahahahaah
</div>
</body>
</html>
————————————————
这样就会能够将文字放在图片的正下方,得到以下图片:
文字位于正右边的方法:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
.d1{
width: 400px;
height: 250px;
background-color: red;
}
.d2{
vertical-align: middle;
}
</style>
</head>
<body>
<div>
<img width="200px" height="150px" src="dddd.png" />
你啥时候嫁给我
</div>
</body>
</html>
‘贰’ 在网页中,怎么给图片添加文字
把图片定义为背景或者写入CSS样式表中,然后就可以在上面布局文字了。
‘叁’ html怎么把文字放在图片上啊
一种方法是将图片设置为背景,文字就可以显示在图片背景上面了。
另一种方法就是图片和文字各用一个DIV,文字的DIV覆盖在图片DIV上面
其实图片做背景就行了,最简单。
‘肆’ html中怎么让文字在图片的上面
1、在div里面书写了一些文字,然后想要在放入一张图片。
‘伍’ 怎样在网页设计中,在图片上添加文字
可以用PHOTOSHOP来实现
如果你用的是DREAMWEAVER8的话最好用FIREWORK好一些。
先打开图片,然后在点击工具栏的
A
按钮就可以在图片上添加你想要的文字了
不会连这种操作都看不懂吧~!
‘陆’ html怎么把字放在图片上
把图片弄成背景就可以实现文字在图片上了
‘柒’ 网页设计中怎么在图片上添加文字
1、这个在PS中还是很好实现的啊;
2、如果实在不会PS,用美图秀秀也可以的啊;
3、当然,如果你问的是如何代码实现这个效果,那也有很多方法,常见的就是图片作为背景,然后框里写文字,或者插入图片,问题做定位就可以
‘捌’ 网页设计中如何让把文字放在图片上显示
把图片设为背景即可,以下是修改后的代码<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>
‘玖’ 网页设计中如何让把文字放在图片上显示
方法有很多
给你介绍一个最简单的
<div
style="width:200px;
height:200px;
background-image:url(MDgxOTE3LXRoNXh4Nw==.jpg)">
div设置背景图片
</div>
其次还可以通过div的定位来做
还有就是通过水印来做
总之更具不同的需求用不同的方法
灵活多变
‘拾’ 怎么把文字置于图片上
把文字置于图片上,可以使用PS来制作,具体方法是:
1、在PS中打开图片。
2、选择文字工具。
3、设置文字的字体、字号、颜色排列方式等属性。
4、键入所需要的文字。
5、拼合图像后存贮。