<!DOCTYPE html>
<html lang="en">
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
/*开启flex布局设置内容居中*/
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
background
【冒泡文字提示框】
![](https://img-home.csdnimg.cn/images/20240711042549.png)