本文目錄導讀：

1. 使用偽元素實現(xiàn)左右按鈕
2. 使用背景圖片實現(xiàn)左右按鈕

CSS圖片上的左右按鈕寫法

在CSS中，我們可以使用偽元素或者背景圖片來實現(xiàn)圖片上的左右按鈕，下面我將分別介紹這兩種方法。

使用偽元素實現(xiàn)左右按鈕

我們可以利用CSS的偽元素(::before和::after)來添加左右按鈕，這種方法可以實現(xiàn)按鈕的自定義樣式，并且可以保證按鈕的位置始終在圖片的兩側。

使用背景圖片實現(xiàn)左右按鈕

另一種方法是利用CSS的背景圖片屬性，將左右按鈕的圖片作為背景圖片添加到圖片元素中，這種方法可以實現(xiàn)圖片的重復使用，并且可以使代碼更加簡潔。

無論哪種方法，都可以實現(xiàn)圖片上的左右按鈕功能，我們可以根據(jù)自己的需求選擇適合的方法來實現(xiàn)。