要使用 CSS 制作气泡提示框，可以通过如下步骤实现：
首先，在 HTML 文件中添加一个元素作为气泡提示框的容器。可以使用 <div> 或 <span> 等元素，设置其 class 属性为自定义的类名，例如 bubble。
接着，在 CSS 文件中添加对应的样式，设置 bubble 类的样式。需要设置以下样式：
position: relative;：设置容器为相对定位，使得后续的子元素可以以其为基准定位。
display: inline-block;：设置容器为内联块级元素，使得其宽度可以根据内容自适应。
padding: 10px;：设置容器内边距，留出空间放置气泡内容。
background-color: #fff;：设置容器背景色为白色，使得气泡内容可以突出显示。
border-radius: 10px;：设置容器边框圆角，使得气泡框看起来更加圆润。
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);：设置容器阴影，使得气泡框看起来更加立体。
接下来，需要添加一个伪元素 ::before 作为气泡框的箭头，用来指向气泡出现的位置。需要设置以下样式：
content: "";：设置伪元素的内容为空，使其成为一个纯样式元素。
position: absolute;：设置伪元素为绝对定位，以容器为基准进行定位。
border-style: solid;：设置伪元素边框为实线样式。
border-width: 10px 10px 0 10px;：设置伪元素上、右、左边框为 10px，下边框为 0，形成一个倒三角形。
border-color: #fff transparent transparent transparent;：设置伪元素边框颜色，使其上边框与容器背景色相同，右、左、下边框与页面背景色相同，形成一个透明的倒三角形。
bottom: -10px;：设置伪元素底部与容器顶部距离为 10px，使其与容器相连。
left: 50%;：设置伪元素左侧与容器左侧距离为容器宽度的一半，使其居中对齐。
transform: translateX(-50%);：设置伪元素水平方向偏移量为自身宽度的一半，使其左右居中对齐。
最后，在 HTML 文件中添加气泡提示框的内容。可以直接在容器内添加文本或其他元素。
完整代码如下：
<div class="bubble">
这是一个气泡提示框。
</div>.bubble {
position: relative;
display: inline-block;
padding: 10px;
background-color: #fff;
border-radius: 10px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.bubble::before {
content: "";
position: absolute;
border-style: solid;
border-width: 10px 10px 0 10px;
border-color: #fff transparent transparent transparent;
bottom: -10px;
left: 50%;
transform: translateX(-50%);
}可以根据需要自定义样式，例如修改背景色、字体颜色、箭头方向等。