自定义属性标签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>
【推荐】2025 HarmonyOS 鸿蒙创新赛正式启动,百万大奖等你挑战
【推荐】博客园的心动:当一群程序员决定开源共建一个真诚相亲平台
【推荐】开源 Linux 服务器运维管理面板 1Panel V2 版本正式发布
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步