先看效果 废话不说,直接上图(请把鼠标移到我的头像上),看看今天要做的是什么: 实现原理 这些提示框原理都是一样的,且只需一个div标签就能实现,当然也有笨方法,比如用多个标签相互重叠.遮盖,或者干脆用图片,也能实现,但那样就没有讨论的意义了.今天要说的是用css的伪元素实现:before 和 :after .伪元素顾名思义就是html标签中不存在的元素,是用css“虚拟”出来的.这样对一个div标签来说就活生生的多出了两个(伪)元素.一个在前,一个在后.控制这两个伪元素的大小.位置.边框.圆角