圖片里加網頁文字

Ⅰ 我是菜鳥，請問如何在圖片上添加文字鏈接

兩種情況：
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中包含兩個同級，圖片和文字。

Ⅳ 濡備綍鍦ㄥ浘鐗囦腑娣誨姞鏂囧瓧 綆鍗曟槗瀛︾殑鍥劇墖鏂囧瓧娣誨姞鏂規硶錛

涓夈佷嬌鐢ㄥ井杞疨owerPoint

1. 鎵撳紑PicMonkey緗戦〉錛岀偣鍑籈dit a photo鎸夐挳錛屼笂浼犺佹坊鍔犳枃瀛楃殑鍥劇墖銆

1. 鎵撳紑PowerPoint杞浠訛紝鍒涘緩涓寮犵┖鐧藉夠鐏鐗囥

鐩鍓嶆湁寰堝氬湪綰垮浘鐗囩紪杈戝伐鍏鳳紝姣斿侾icMonkey銆丆anva銆丗otor絳夈傝繖浜涘伐鍏烽兘鎻愪緵浜嗘枃瀛楁坊鍔犲姛鑳斤紝鑰屼笖鎿嶄綔綆鍗曪紝涓嶉渶瑕佷笅杞藉畨瑁呰蔣浠訛紝鍙闇瑕佹墦寮緗戦〉鍗沖彲銆備互PicMonkey涓轟緥錛屾搷浣滄ラゅ備笅錛

鍦ㄦ棩甯哥敓媧諱腑錛屾垜浠緇忓父闇瑕佸湪鍥劇墖涓婃坊鍔犳枃瀛楋紝姣斿傜粰鐓х墖鍔犱笂鏂囧瓧璇存槑銆佸埗浣滄搗鎶ユ垨騫垮憡絳夈備絾鏄涓嶆槸姣忎釜浜洪兘浼氫嬌鐢ㄤ笓涓氱殑鍥劇墖澶勭悊杞浠訛紝濡侾hotoshop絳夈傞偅涔堟湁娌℃湁綆鍗曟槗瀛︾殑鏂規硶鍛錛熶笅闈㈠氨涓哄ぇ瀹朵粙緇嶅嚑縐嶅父鐢ㄧ殑鍥劇墖鏂囧瓧娣誨姞鏂規硶銆

涓銆佷嬌鐢ㄥ湪綰垮浘鐗囩紪杈戝伐鍏