CSS允許你在按鈕內(nèi)部添加圖片,這通常需要使用到背景圖像(background-image)屬性,以下是一個(gè)基本的示例,展示了如何在CSS中為一個(gè)按鈕添加圖片:
.button { display: inline-block; padding: 10px; border: 1px solid #000; border-radius: 5px; background-image: url('path/to/your/image.png'); background-repeat: no-repeat; background-position: center; text-align: center; color: #fff; text-decoration: none; }
在這個(gè)示例中,我們創(chuàng)建了一個(gè)帶有背景圖片的按鈕。background-image
屬性用于指定圖片的路徑,background-repeat
設(shè)置為no-repeat
表示圖片不會(huì)重復(fù),background-position
設(shè)置為center
表示圖片會(huì)居中顯示,我們還設(shè)置了一些其他樣式,如按鈕的邊框、圓角、文字顏色等。