CSS3中的鼠标悬停和点击事件可以通过hover属性和active属性来实现。hover属性可以让元素在鼠标悬停时发生变化，而active属性可以让元素在鼠标点击时发生变化。在hover属性中，可以选择不同的值来控制元素的变化方式，例如：
“`css
.box {
width: 200px;
height: 200px;
background-color: blue;
border: 1px solid black;
margin: 20px auto;
.box:hover {
background-color: red;
在上面的示例中，.box元素在鼠标悬停时将背景颜色变为红色，而在鼠标点击时将背景颜色变为蓝色。
除了hover属性，CSS3还提供了许多其他的hover效果，例如：
– change color on mouseenter：当鼠标进入元素时，元素的背景颜色将变为指定的颜色。
– change color on mouseleave：当鼠标离开元素时，元素的背景颜色将变为指定的颜色。
– change font-size on mouseenter：当鼠标进入元素时，元素的文字大小将变为指定的大小。
– change font-size on mouseleave：当鼠标离开元素时，元素的文字大小将变为指定的大小。
通过使用CSS3的hover和active属性，可以轻松地实现各种交互效果，让网页更加生动有趣。