css中点击切换图片 |css消除浮动语句

/* 定义初始状态 */
img {
display: none;
}
/* 当鼠标悬停在链接上时，显示图片 */
a:hover + img {
display: block;
}
/* 当链接被点击后，更改图片 */
a:active + img {
display: block;
}

上面代码中，首先大家定义了img元素的初始状态为不可见。然后，在鼠标悬停在链接上时，通过使用+选择器，选中img元素并改变其display属性为block，以显示图片。

当链接被点击时，大家使用了伪类:active来选择这个链接。此时，大家使用+选择器将选中链接后的图片元素，同样使用display属性更改其为可见状态。这样，当用户点击链接时，图片就会切换显示。

总的来说，CSS中的点击切换图片非常简单易用，能够为网页设计提供更丰富的表现形式。在实际应用中，大家可以根据需要进行更多的样式修改，从而实现更加丰富的效果。