hover 在英语中表示徘徊、悬停。鼠标在网页上的某个元素上，但是还没点击那个元素
:hover是一个伪类，表示鼠标悬停的状态，注意一下如果是在使用触控屏幕的设备，像是ipad，:hover不起作用。
:active 表示鼠标点击时，有一些变化
代码：
<style>
.be:hover{background-color:pink;}
.be:active{background-color:darkcyan}
</style>
<button class="be" type="button">搜索</button>
图示：
未点击鼠标时
点击鼠标时
