這篇“html讓文字在圖片表面的方法”除了程序員外大部分人都不太理解，今天小編為了讓大家更加理解“html讓文字在圖片表面的方法”，給大家總結(jié)了以下內(nèi)容，具有一定借鑒價值，內(nèi)容詳細(xì)步驟清晰，細(xì)節(jié)處理妥當(dāng)，希望大家通過這篇文章有所收獲，下面讓我們一起來看看具體內(nèi)容吧。

閩清網(wǎng)站制作公司哪家好，找成都創(chuàng)新互聯(lián)！從網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、成都響應(yīng)式網(wǎng)站建設(shè)等網(wǎng)站項目制作，到程序開發(fā)，運營維護(hù)。成都創(chuàng)新互聯(lián)于2013年創(chuàng)立到現(xiàn)在10年的時間，我們擁有了豐富的建站經(jīng)驗和運維經(jīng)驗，來保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選成都創(chuàng)新互聯(lián)。

html是什么

html的全稱為超文本標(biāo)記語言，它是一種標(biāo)記語言，包含了一系列標(biāo)簽．通過這些標(biāo)簽可以將網(wǎng)絡(luò)上的文檔格式統(tǒng)一，使分散的Internet資源連接為一個邏輯整體，html文本是由html命令組成的描述性文本，html命令可以說明文字，圖形、動畫、聲音、表格、鏈接等，主要和css+js配合使用并構(gòu)建優(yōu)雅的前端網(wǎng)頁。

html讓文字在圖片表面的方法：1、使用“background-image”定義背景圖片，2、使用“img”定義圖片，將img塊與文字塊放在同一div中；然后通過position屬性，利用絕對定位和相對定位來設(shè)置圖片和文字的位置即可。

方法1：將 image 作為背景圖片，即：background-image:url(".......");

在此可以控制背景圖片的橫向和縱向的平鋪：

• background-repeat : none;　　不進(jìn)行平鋪

• background-repeat : repeat-x;　　橫向x軸進(jìn)行平鋪

• background-repeat : repeat-y;　　橫向y軸進(jìn)行平鋪

• background-repeat : repeat;　　橫向x軸與縱向y軸都進(jìn)行平鋪，這也是默認(rèn)情況的狀態(tài)

示例：

	
		
		
	
	
		

			hello!
		
	

效果圖：

方法2：將img塊與文字塊放在同一個div 中，然后設(shè)置他們之間的位置

例如如下代碼塊：

　　
　　
　　　　haha