```css

display: block;

width: 100%;

height: 100%;

font-size: 24px;

text-align: center;

color: #fff;

text-decoration: none;

cursor: pointer;

background-size: cover;

background-repeat: no-repeat;

border: none;

border-radius: 50%;

a:hover {

background-size: cover;

除了使用`a`標簽之外，還可以使用`button`標簽來創建按鈕。`button`標簽具有以下幾個屬性：

- `background-color`: 用于設置按鈕的背景顏色。

- `background-repeat`: 用于設置按鈕的背景圖片的重復次數。

- `background-position`: 用于設置按鈕的背景圖片的相對位置。

- `cursor`: 用于設置按鈕的鼠標指針。

- `border`: 用于設置按鈕的邊框。

- `border-radius`: 用于設置按鈕的圓角。

使用`button`標簽創建按鈕時，需要將`type`設置為`submit`，以確保按鈕是提交表單的按鈕。例如：

```css

button {

display: block;

width: 100%;

height: 100%;

font-size: 24px;

text-align: center;

color: #fff;

text-decoration: none;

cursor: pointer;

background-size: cover;

background-repeat: no-repeat;

background-position: center center;

border: none;

border-radius: 50%;

使用CSS和JavaScript可以使圖片按鈕更加靈活，并且可以實現圖片的在線瀏覽等功能。