CSS工具提示框（CSS tooltips）是一種常用的Web開發工具，它可以在鼠標懸停在特定元素上的時候顯示出相關信息。

實現CSS工具提示框的方法有多種，其中最簡單的就是使用CSS偽類選擇器:hover來控制提示框的顯示和隱藏。

下面是一段CSS代碼示例，可以實現一個簡單的工具提示框：

.tooltip {
position: relative;
display: inline-block;
border-bottom: 1px dotted black;
}
.tooltip .tooltiptext {
visibility: hidden;
width: 120px;
background-color: #555;
color: #fff;
text-align: center;
padding: 5px 0;
border-radius: 6px;
position: absolute;
z-index: 1;
bottom: 100%;
left: 50%;
margin-left: -60px;
opacity: 0;
transition: opacity 0.3s;
}
.tooltip:hover .tooltiptext {
visibility: visible;
opacity: 1;
}

在這段代碼中，首先我們定義了一個名為.tooltip的類，它包含需要添加提示框的元素。然后，我們定義了另一個名為.tooltiptext的類，用來定義提示框的樣式。

提示框的位置可以通過設置position: absolute;和bottom: 100%;來顯示在元素下方。

當鼠標懸停在.tooltip元素上時，我們使用:hover偽類選擇器來把.tooltiptext的visibility屬性設置為visible并把opacity屬性設置為1，從而讓提示框顯示出來。

上面這段代碼只是一個簡單的示例，你可以根據自己的需求來修改樣式。比如你可以更改提示框的背景顏色、文字顏色和尺寸等等。