div鼠标经过效果
时间: 2023-06-28 16:13:41 浏览: 150
鼠标经过效果
你可以使用CSS中的:hover伪类来实现鼠标经过div时的效果。以下是一个简单的示例:
```html
<div class="box">鼠标经过时显示的内容</div>
```
```css
.box {
width: 200px;
height: 200px;
background-color: #ccc;
}
.box:hover {
background-color: #f00;
color: #fff;
}
```
在上面的示例中,当鼠标悬停在.box元素上时,背景颜色将变为红色,文字颜色将变为白色。你可以根据需要添加其他CSS属性来创建更复杂的效果。
阅读全文