HTML5是一種最新版本的HTML語言,它提供了許多強大的功能和特性,其中之一就是可以設置多個hover特效。以下是一個簡單的示例:
<style> .hover1:hover{ background-color: blue; color: white; } .hover2:hover{ border: 2px solid red; padding: 10px; } .hover3:hover{ transform: scale(1.2); } </style> <p class="hover1">這是一個hover1效果的段落</p> <p class="hover2">這是一個hover2效果的段落</p> <p class="hover3">這是一個hover3效果的段落</p>
在這個示例中,我們定義了三個不同的hover效果,分別是hover1、hover2和hover3。當鼠標懸停在對應的段落上時,會觸發(fā)對應的效果。
hover1效果會將背景顏色改為藍色,文本顏色改為白色。hover2效果會將邊框改為紅色的實線邊框,同時添加10px的內(nèi)邊距。hover3效果會將段落放大到原來的1.2倍。
以上就是一個簡單的HTML5設置多個hover特效的示例。您可以根據(jù)需要定義更多的特效來增強您的網(wǎng)頁交互性。
上一篇html5設置多層畫布
下一篇html5設置字體格式