How do you create a CSS-only tooltip?

To create a CSS-only tooltip, use the :hover pseudo-class along with ::after or ::before pseudo-elements to display extra content when the user hovers over an element. The tooltip can be styled with properties like background color, padding, and position. This approach provides a simple and efficient way to show additional information without JavaScript.