```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`標(biāo)簽之外,還可以使用`button`標(biāo)簽來(lái)創(chuàng)建按鈕。`button`標(biāo)簽具有以下幾個(gè)屬性:
- `background-color`: 用于設(shè)置按鈕的背景顏色。
- `background-repeat`: 用于設(shè)置按鈕的背景圖片的重復(fù)次數(shù)。
- `background-position`: 用于設(shè)置按鈕的背景圖片的相對(duì)位置。
- `cursor`: 用于設(shè)置按鈕的鼠標(biāo)指針。
- `border`: 用于設(shè)置按鈕的邊框。
- `border-radius`: 用于設(shè)置按鈕的圓角。
使用`button`標(biāo)簽創(chuàng)建按鈕時(shí),需要將`type`設(shè)置為`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可以使圖片按鈕更加靈活,并且可以實(shí)現(xiàn)圖片的在線瀏覽等功能。