1. 如何在html的頁面中插入背景圖上面加文字
你給一個div
添加背景圖，不影響在這個div裡面添加文字的，比如
.class{width:
200px;height:
200px;background:
url("圖片路徑")
no-repeat;}
注釋：background:
url("圖片路徑")
no-repeat;
repeat:
平鋪整個頁面,左右與上下
repeat-x:
在x軸上平鋪,左右
repeat-y:
在y軸上平鋪,上下
no-repeat:
圖片不重復
你的文字內容
那麼在這個div的背景圖片就有了，你在裡面寫文字就可以了，如果你想給文字放到特定位置的話就需要定位了，
2. 通過CSS+DIV怎麼將文字寫在圖片上方
HTML圖片和文字是並列顯示的。如下：
代碼總匯
HTML
<div class="img-group"> <img src="img/snow.png">
<div class="img-tip">我是雪豹</div></div>
CSS
.img-group { position: relative; display: inline-block;
}
.img-tip { position: absolute; bottom: 0; background: #333; color: #fff; opacity: 0.6; display: none;
}
.img-group:hover .img-tip { display: block; width: 100%; text-align: center;
}
3. CSS布局文字在圖片上怎麼寫
<style>
.wrapper{float:left;position:relative;width:90%;margin-left:5%}
.wrapper img {width:100%}
.wrapper p{position:absolute;top:40%;width:100%;font-size:8vh;text-align:center}
</style>
<div class="wrapper">
<img src="1.png">
<p>some text<br>some text<br>some text</p>
</div>
4. 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%;
}
5. html中怎麼讓文字在圖片的上面
1、在div裡面書寫了一些文字，然後想要在放入一張圖片。
6. 寫前端怎麼插入一句話
前段插入的方法有:
①、在封面尾插入「分節符」將封面與正文分節：游標調至要插入分節符的地方，「插入」→「分隔符」→「分節符類型」「下一頁」；
②、進行頁眉頁碼編輯：「視圖」→「頁眉和頁腳」，輸入頁眉內容及插入頁碼，這時封面和正文都將會有頁眉和頁碼
③、取消每節的「同上一節」設置，以便對每節進行單獨編寫：將游標調至第2節(即正文所在節)在頁眉，點擊頁眉頁腳編輯工具欄上的「同前」，這樣就是取消「同上一節」的設置，使得兩節的頁眉可以分別設置(因為默認設置為「同前」)，否則無論修改哪一節，另一節都會跟著改變的，同理，頁腳也同樣處理。
④、取消封面頁眉文字：游標調至第1節的頁眉，刪除頁眉文字，此時將還有默認下劃線存在，同樣取消頁碼即可。
7. 為什麼前端工程師可以直接在圖片上選中文字
因為文字並不是圖片的一部分，是一個html標簽