CSS: css .tooltip {   position: relative;   display: inline-block; } .tooltip::after {   content: attr(data-tooltip);   position: absolute;   top: 100%;   left: 50%;   transform: translateX(-50%);   background-color: #333;   color: #fff;   padding: 5px 10px;   border-radius: 5px;   white-space: nowrap;   z-index: 1;   opacity: 0;   transition: opacity 0.3s; } .tooltip:hover::after {   opacity: 1; } 在这个例子中，.tooltip类用于定义你想要添加工具提示的元素。data-tooltip属性包含工具提示的文本。CSS使用::after伪元素来创建工具提示，并设置其样式，包括背景颜色（background-color）和文本颜色（color）。 当你将鼠标悬停在.tooltip元素上时，工具提示将以淡入的方式出现。你可以根据需要调整CSS来改变工具提示的样式和颜色。