html鼠标移上改变图样和底色

我们昨天做出了四个按钮，今天想要试着在鼠标移上时改变效果，首先先把按钮颜色改成跟底色相同

想让物体在鼠标放上时改变状态，就必须在css中用到hover这个语法，以下示范hover的写法

        .but1:hover{
            
        }

在中间放入鼠标移上後想出现的效果，像改变底色就写入其他底色

        .but1:hover{
            background-color: rgb(132, 219, 190);
        }

这边选了一个比底色还要略深一点的颜色，出来的效果如下

如果想要让鼠标变成手套的形状，也就是下图这个图案

可以再加上一行改变鼠标的程序码

        .but1:hover{
            background-color: rgb(132, 219, 190);
            cursor:pointer;
        }

就可以让鼠标放上时改为手套的样式，但因为截图无法看出效果所以就不放了，各位可以自己试试看