Css 以字体显示标题-很棒的图标

Css 以字体显示标题-很棒的图标,css,html,font-awesome,Css,Html,Font Awesome,我想知道当鼠标放在字体图标上时是否可以显示文本/标题 .title{ 颜色:绿色; 文本对齐:居中; } 可能在伪元素之后的中有数据属性 .fa{ 位置:相对位置; } .fa:悬停::之后{ 内容:attr(数据标题); 左侧填充:.25em; 位置:绝对位置; 底部:0; 边缘底部:-1米; 左:50%; 转化:translateX(-50%); 字体大小:.5em; 颜色:红色; } div{ 颜色:绿色; 文本对齐:居中; } 无需更多信息,您可以使用i上的本机标题属性: 当您将

我想知道当鼠标放在字体图标上时是否可以显示文本/标题

.title{
颜色:绿色;
文本对齐:居中;
}

可能在
伪元素之后的
中有数据属性

.fa{
位置:相对位置;
}
.fa:悬停::之后{
内容:attr(数据标题);
左侧填充:.25em;
位置:绝对位置;
底部:0;
边缘底部:-1米;
左:50%;
转化:translateX(-50%);
字体大小:.5em;
颜色:红色;
}
div{
颜色:绿色;
文本对齐:居中;
}

无需更多信息,您可以使用
i
上的本机
标题
属性:

当您将鼠标悬停在标题为
的属性上时,会出现一个带有文本的小弹出窗口

这就是你想要的效果吗

div{
颜色:绿色;
文本对齐:居中;
}

您能使用
title=“我们的博客”
吗?您能编辑您的问题,将您尝试过的示例代码包括在内吗?