两个按钮来回切换怎么用css完成

Posted 2023-03-26

<ul class="top_tab">
<li class="active"></li>
<li style="margin-left:20px; margin-right:80px;background:none;">是</li>
<li class="lastwk"></li>
<li style="margin-left:20px;background:none;">否</li>
</ul>
现在是这样的一个div .active.lastwk分别是两张背景图 怎么用css来点击这两个背景图的时候换图片呢 来回切换的

参考技术A css是没有点击效果的，所以没法只通过css来实现图片互换，可以实现鼠标移上去背景图互换，使用:hover，libackground:none; li:hoverbackground:red;。
点击效果必须使用js，当点击时，更改class。