css行内样式写hover属性
时间: 2023-08-02 08:38:36 浏览: 484
css常用属性
4星 · 用户满意度95%
在 CSS 行内样式中,可以使用 `:hover` 伪类来设置鼠标悬停时的样式效果。例如:
```
<div style="color: green; font-weight: bold; cursor: pointer;"
onmouseover="this.style.color='red';" onmouseout="this.style.color='green';">
鼠标悬停在我上面看看
</div>
```
在上面的例子中,当鼠标悬停在 `<div>` 元素上时,会触发 `onmouseover` 事件,将文字颜色设置为红色;当鼠标移开时,会触发 `onmouseout` 事件,将文字颜色恢复为绿色。注意,在行内样式中使用 `:hover` 伪类是不生效的,需要使用 JavaScript 来实现。
阅读全文