Types of ToolTips in Windows:
Classic: Classic ToolTip
Taskbar (Black, with Texture, Rounded): Taskbar ToolTip
Start (White, Rounded): Start ToolTip
Edge, App/File Name, Thinner Borders, White: App/File Name ToolTip Edge ToolTip
.tooltip {
position: relative;
display: inline-block;
border-bottom: 1px dotted black;
font-family: Segoe UI,Segoe UI Emoji,Segoe UI Symbol,Segoe UI Historic,Microsoft YaHei,Malgun Gothic,Meiryo;
}
.tooltip .tooltiptext {
visibility: hidden;
position: absolute;
z-index: 1;
top: 100%;
left: 50%;
margin-left: -60px;
border: 1px solid #2B2B2B;
background-color: white;
white-space: nowrap;
padding: 3px 7px;
font-size: 12px;
user-select: none;
position: absolute;
}
.tooltip:hover .tooltiptext {
visibility: visible;
transition-delay: 0.5s;
}
<div class="tooltip">Hover over me
<span class="tooltiptext">Tooltip text</span>
</div>
O-browser and X Browser, Thicker Border: O-browser X Browser