自定义属性标签title显示样式
CSS :after伪元素用于向选定的元素之后插入内容
此样式ie浏览器无效
<p class=".tab" title="自定义显示样式">
<style>
.tab {
position: relative;
/* 其他样式 */
}
.tab::after {
content: attr(title);
position: absolute;
top: 50%;
left: -25%;
visibility: hidden;
width: 150%;
color: #373737;
text-align: center;
border-radius: 6px;
padding: 5px;
z-index: 989;
border: 1px solid #cccccc;
}
.tab-pane:hover::after {
visibility: visible;
}
</style>
【推荐】FlashTable:表单开发界的极速跑车,让你的开发效率一路狂飙
【推荐】Flutter适配HarmonyOS 5知识地图,实战解析+高频避坑指南
【推荐】博客园的心动:当一群程序员决定开源共建一个真诚相亲平台
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步