CSS 可以用于控制網(wǎng)頁(yè)中的元素樣式，也可以增加交互性，比如當(dāng)用戶點(diǎn)擊一個(gè)圖片時(shí)，實(shí)現(xiàn)跳轉(zhuǎn)的效果。

<style>
/*定義圖片的樣式*/
.image{
width:200px;
height:200px;
background-image: url('圖片地址');
background-size: cover;
cursor:pointer;
}
</style>

其中，cursor屬性可以定義鼠標(biāo)在元素上的樣式，設(shè)為pointer時(shí)可讓鼠標(biāo)形成一個(gè)手型，表明該元素可被點(diǎn)擊。

<div class="image" onclick="location.href='跳轉(zhuǎn)地址'"></div>

將圖片的class設(shè)置為.image，然后添加onclick屬性，設(shè)定跳轉(zhuǎn)的地址即可。

<a href="跳轉(zhuǎn)地址">
<div class="image"></div>
</a>

如果你希望點(diǎn)擊圖片以外的區(qū)域也能跳轉(zhuǎn)，可以將a標(biāo)簽嵌套到圖片div中。

CSS 的交互能力非常強(qiáng)大，通過(guò)設(shè)置鼠標(biāo)樣式、動(dòng)畫(huà)效果、點(diǎn)擊事件等等，可以為頁(yè)面增添豐富的互動(dòng)體驗(yàn)。