html - 获取带有箭头的矩形框，将光标悬停在CSS中的链接上

我试图得到一个矩形框与箭头悬停在链接。

             <a href="//">NAME</a>

悬停时，我试图得到一个带箭头的矩形框。
例如
就像我们在Facebook上的用户名一样，我们将得到一个矩形框，里面有内容。
如何为这个应用Css？

最佳答案

据我所知，你的问题很含糊，我想你是想问：
HTML格式：

<a href="#" title="Hover me!">Hover Me</a>

CSS:

a
{
    display: inline block;
    height: 50px;
    padding: 10px;
    color: #000;
    background-color: transparent; /*default value, used here to illustrate*/

}

a:hover
{
    background-color: #f00;
}

经过你的编辑，我们终于明白了！
我的建议是去something like this了解他们的伟大工具提示。它非常通用而且很容易实现，只需包含jQuery及其插件，然后设置HTML。
很简单：）