Question

像这种鼠标移过去会变色的按钮怎么做的

鼠标移过去还会变成手指





Answer 1

直接改变背景颜色和文字颜色即可。

比如

<a href="#">了解详情</a>

 

a{
    display:inline-block;
    width:200px;
    height:50px;
    border-radius:10px;
    background:#FFF;
    color:#F00;
    font:400 14px/50px "Microsoft YaHei";
    text-align:center;
}
a:hover{
    color:#FFF;
    background:#F00;
}

Answer 2

变手指 cursor：pointer；
.anniu{border-radius:10px;}按钮圆角
.anniu：hover{ background:green;}