兄弟连教育分享:用CSS实现鼠标悬停提示的方法

阅读更多

兄弟连教育分享:用CSS实现鼠标悬停提示的方法:本文,兄弟连HTML5培训,分享了纯CSS实现鼠标悬停提示的方法。给大家供大家参考。具体分析如下:

 

这是一款比较漂亮的鼠标悬停提示效果,用纯CSS代码实现,鼠标放到图片上会显示一个层,也就是悬停时的提示,在这个提示框内你还可以加入图片或是一个列表,这就靠你的发挥了,提示框的背景颜色和文字颜色你都可以自己调。

 

代码如下:

<span style="font-family: 宋体;">鼠标悬停提示效果</span><span style="font-family: Calibri;">

你可能感兴趣的:(兄弟连教育分享:用CSS实现鼠标悬停提示的方法)