css图片按钮交替 |css 加下划虚线颜色

.button {
background-image: url("button1.png");
width: 100px;
height: 50px;
border: none;
}
.button:hover {
background-image: url("button2.png");
}

上面的代码定义了一个按钮，将button1.png作为按钮背景，设置按钮的宽度和高度，并去除按钮的边框。当鼠标经过按钮时，使用:hover伪类切换按钮的背景图片为button2.png，实现按钮交替的效果。

需要注意的是，在使用背景图片时，图片大小应该和按钮大小相同或比按钮大，否则可能会导致图片被拉伸或者仅显示部分的情况。

除了图片按钮交替外，CSS还可以使用CSS3的transition属性实现更加流畅的按钮交替效果，具体可以参考CSS3的相关文档。