css 中的 hover 偽類在鼠標懸停時觸發,用于更改元素的外觀。用法包括:顏色大小背景邊框文本陰影其他 css 屬性
CSS 中 hover 的用法
hover 是什么?
hover 是 CSS 中的一種偽類,當用戶將鼠標懸停在元素上時觸發。它允許您更改鼠標懸停時元素的外觀。
語法:
<code>element:hover { /* CSS 樣式 */ }</code>
登錄后復制
其中:
element:需要應用 hover 效果的元素。
{ }: 包含 hover 效果的 CSS 樣式。
用法:
使用 hover 偽類,您可以更改元素的以下屬性:
顏色
大小
背景
邊框
文本陰影
其他 CSS 屬性
示例:
以下示例將為段落元素應用 hover 效果,使其顏色變成紅色:
<code>p:hover { color: red; }</code>
登錄后復制
使用注意事項:
hover 偽類會覆蓋元素的默認樣式。
hover 效果只能在可懸停的元素上使用,例如鏈接、按鈕和圖像。
確保 hover 效果不影響元素的可訪問性或可用性。