css怎么设置鼠标放上图片出现文字

代码如下：

这是要在图片上出现的文字

2、给div元素添加背景图片，并且设置大小；给文本元素span添加"display:none;"样式使其不显示，代码如下：

background-image:url(图片名称);width:250px;height:100px;background-position:center;

display:none;text-decoration:none;

3、使用hover选择器使鼠标放上图片时，文字出现，代码如下;

                    
这是一副山水画

输出结果，当鼠标不在图片上时：

当鼠标在图片上时：

到此，相信大家对"css怎么设置鼠标放上图片出现文字"有了更深的了解，不妨来实际操作一番吧！这里是网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！