两种情况:
1.图片链接(***.jpg的长宽为 160 * 160)
<img src="***.jpg" useMap="#tag" border="0" />
<MAP id="tag" name="tag">
<AREA shape=RECT target=_blank coords=0,0,80,160 href="http://www..com/">
<AREA shape=RECT target=_blank coords=80,0,160,160 href="http://www.sina.com.cn/">
</MAP>
2.以图片为背景的文字链接(***.jpg长宽为200*50)
<div background="***.jpg" style="width:200px; heigth=50px">
<a href="http://www..com/" target="_blank">文字链接</a>
</div>
Ⅱ 怎么在图片上添加文字
在word文档中,我们可以在图片编辑窗口中,就可以在图片上添加文字内容。
ROG魔霸5
Windows11
WPS Office 11.1.0
1、首先在电脑中打开word文档,插入需要的图片,如下图所示。
Ⅲ 网页设计如何在背景图片上编辑文字
第一种、将背景图写在css中
<style>
.class{background: url("图片路径") no-repeat;}
</style>
接着就直接在html中写文字内容。
第二种、写在html中
<div class="screen">
<div class="img"><img src="images/logo.png" alt=""></div>
<div class="intro intro--shown"><p>你的文字内容</p></div>
</div>
css样式,
.screen {
position: relative;
width: 1280px;
height: 720px;
overflow: hidden;
}
接着就是包裹的两个div,图片和文字
.img {
width: 100%;
height: 100%;
overflow: hidden;
border-radius: 7px;
position: absolute;
}
.intro {
position: absolute;
width: 100%;
bottom: -5px;
z-index: 20;
}
z-index: 20;就是可以将文字锁定在你图片的上方
Ⅳ html -- 图片上添加文字
可以。
以html为例,步骤:
一、在body中建立文字信息以及图片内容,也就是在header中包含两个同级,图片和文字。
Ⅳ 濡备綍鍦ㄥ浘鐗囦腑娣诲姞鏂囧瓧 绠鍗曟槗瀛︾殑锲剧墖鏂囧瓧娣诲姞鏂规硶锛
1. 镓揿紑PicMonkey缃戦〉锛岀偣鍑籈dit a photo鎸夐挳锛屼笂浼犺佹坊锷犳枃瀛楃殑锲剧墖銆
1. 镓揿紑PowerPoint杞浠讹纴鍒涘缓涓寮犵┖锏藉够𨱔鐗囥
鐩鍓嶆湁寰埚氩湪绾垮浘鐗囩紪杈戝伐鍏凤纴姣斿侾icMonkey銆丆anva銆丗otor绛夈傝繖浜涘伐鍏烽兘鎻愪緵浜嗘枃瀛楁坊锷犲姛鑳斤纴钥屼笖镎崭綔绠鍗曪纴涓嶉渶瑕佷笅杞藉畨瑁呰蒋浠讹纴鍙闇瑕佹墦寮缃戦〉鍗冲彲銆备互PicMonkey涓轰緥锛屾搷浣沧ラゅ备笅锛
鍦ㄦ棩甯哥敓娲讳腑锛屾垜浠缁忓父闇瑕佸湪锲剧墖涓婃坊锷犳枃瀛楋纴姣斿傜粰镦х墖锷犱笂鏂囧瓧璇存槑銆佸埗浣沧捣鎶ユ垨骞垮憡绛夈备絾鏄涓嶆槸姣忎釜浜洪兘浼氢娇鐢ㄤ笓涓氱殑锲剧墖澶勭悊杞浠讹纴濡侾hotoshop绛夈傞偅涔堟湁娌℃湁绠鍗曟槗瀛︾殑鏂规硶锻锛熶笅闱㈠氨涓哄ぇ瀹朵粙缁嶅嚑绉嶅父鐢ㄧ殑锲剧墖鏂囧瓧娣诲姞鏂规硶銆