在CSS中,可以使用background-image
屬性將圖片添加到文本框中,以下是一個(gè)示例:
.text-box { width: 200px; height: 100px; background-image: url('image.jpg'); background-repeat: no-repeat; background-position: center; }
在這個(gè)示例中,我們創(chuàng)建了一個(gè)類(lèi)名為text-box
的文本框,并使用background-image
屬性將圖片image.jpg
添加到文本框的背景中。background-repeat
屬性設(shè)置為no-repeat
,表示圖片不會(huì)重復(fù)。background-position
屬性設(shè)置為center
,表示圖片會(huì)居中顯示。
你可以根據(jù)需要調(diào)整文本框的大小和位置,以及圖片的URL和樣式,這種方法可以在CSS中輕松添加圖片到文本框中,并且可以通過(guò)調(diào)整屬性來(lái)定制顯示效果。