在CSS中，您可以使用background-image屬性將圖片添加到文字前，以下是一個(gè)簡(jiǎn)單的示例：

div {
  background-image: url('image.png');
  padding-left: 50px;
  text-align: right;
}

在這個(gè)示例中，div元素的背景圖片設(shè)置為image.png，圖片的位置在文字的左側(cè)，通過(guò)padding-left屬性控制圖片和文字之間的間距，文字的對(duì)齊方式設(shè)置為text-align: right;，使文字從右側(cè)開(kāi)始排列，確保圖片和文字不會(huì)重疊。

這種方法僅適用于背景圖片較小的場(chǎng)景，如果背景圖片較大，可能會(huì)遮擋住文字，在這種情況下，您可能需要調(diào)整圖片的大小或者位置，以確保文字能夠清晰地顯示出來(lái)。

如果您希望圖片和文字在同一行顯示，可以使用vertical-align屬性控制圖片和文字的垂直對(duì)齊方式。

div {
  background-image: url('image.png');
  vertical-align: middle;
}

在這個(gè)示例中，圖片和文字會(huì)在垂直方向上居中對(duì)齊，您可以根據(jù)需要調(diào)整vertical-align屬性的值，以實(shí)現(xiàn)不同的垂直對(duì)齊效果。

通過(guò)CSS的background-image屬性，您可以輕松地實(shí)現(xiàn)文字前添加圖片的效果，只需要注意調(diào)整圖片的大小、位置和文字的排版方式，就可以達(dá)到滿意的效果。