请教一个关于导航按钮样式的问题

[zolo]

我的页面上有A、B、C、D四个导航按钮，按钮均以图片形式展示。
每个按钮配有未点击和点击后两种状态图片图片。
我需要的效果是用户点击A按钮后，A按钮变为点击后状态；点击B按钮后，则A按钮变为未点击状态，B按钮变为点击后状态。
这样的效果应该如何实现？能否通过CSS来实现？
谢谢！