纯CSS实现tooltip提示框，CSS箭头及形状

本片介绍仅用CSS做出tooltip那样的提示框及箭头等形状！

首先介绍一下CSS：after选择器

定义和用法：(参考w3school:after选择器)

　　：after选择器在被选元素的内容后面插入内容，使用content属性来指定要插入的内容

例：

p:after
{ 
    content:"台词：-";
    background-color:yellow;
    color:red;
    font-weight:bold;
}

View Code