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=“我们的博客”
吗?您能编辑您的问题,将您尝试过的示例代码包括在内吗?