css点击图标显示块 |css3 背景滚动

.icon {
display: inline-block;
cursor: pointer;
}
.block {
display: none;
padding: 10px;
border: 1px solid #ccc;
}
.icon:hover + .block {
display: block;
}

上述代码中，大家定义了一个.icon和一个.block类。.icon类是图标的样式，.block类是大家要显示的块的样式。大家将.block的display属性设置为none，所以一开始是不显示的。

接着，大家使用:hover伪类将.icon与.block关联起来。当用户鼠标移动到.icon上时，.block就会被显示出来。这里使用了相邻兄弟选择器（+），它的意思是选中紧跟在.icon后面的元素。

这样就完成了CSS点击图标显示块的效果。你也可以对.icon和.block进行自定义，实现更加丰富的交互效果。