在網(wǎng)頁設(shè)計(jì)中，往往會(huì)使用圖片來豐富頁面的視覺效果。但是有時(shí)候，我們希望圖片中也包含一些文字，這時(shí)候就需要使用 CSS 技術(shù)來實(shí)現(xiàn)了。下面我們來了解一下 CSS 圖片里面有文字的方法。

background-image: url(圖片地址);
background-repeat: no-repeat;
padding: 上 右 下 左;
text-indent: -9999px;

以上代碼是實(shí)現(xiàn) CSS 圖片里面有文字的主要代碼。首先，需要設(shè)置背景圖片的地址，這里使用background-image屬性來實(shí)現(xiàn)。接著，為了讓圖片只顯示一次，可以設(shè)置background-repeat屬性為no-repeat。接下來，通過padding屬性來設(shè)置圖片的內(nèi)邊距大小，以便留出空間放置文字。

最后，通過text-indent屬性來將文字縮進(jìn)到比較小的位置，這樣文字就會(huì)被完全隱藏在圖片內(nèi)部，不影響圖片的展示效果。需要注意的是，需要將text-indent屬性設(shè)置為負(fù)值，且值越小，縮進(jìn)的距離就越小。

熟練掌握了以上代碼，就可以在網(wǎng)頁設(shè)計(jì)中充分運(yùn)用 CSS 圖片里面有文字的技巧，創(chuàng)作出更加豐富多彩的視覺效果。