下是一个简单的HTML弹窗代码：
html
\\t弹窗示例
\\t
\\t\\t.overlay {
\\t\\t\\tposition: fixed;
\\t\\t\\ttop: 0;
\\t\\t\\tleft: 0;
\\t\\t\\twidth: 100%;
\\t\\t\\theight: 100%;
\\t\\t\\tbackground: rgba(0,0,0,0.5);
\\t\\t\\tz-index: 9999;
\\t\\t\\tdisplay: none;
\\t\\t}
\\t\\t.popup {
\\t\\t\\tposition: fixed;
\\t\\t\\ttop: 50%;
\\t\\t\\tleft: 50%;
\\t\\t\\ttransform: translate(-50%, -50%);
\\t\\t\\tbackground: #fff;
\\t\\t\\tpadding: 20px;
\\t\\t\\tborder-radius: 5px;
\\t\\t\\tbox-shadow: 0 0 10px rgba(0,0,0,0.3);
\\t\\t\\tz-index: 10000;
\\t\\t\\tdisplay: none;
\\t\\t}
\\t\\t.close-btn {
\\t\\t\\tposition: absolute;
\\t\\t\\ttop: 10px;
\\t\\t\\tright: 10px;
\\t\\t\\tfont-size: 20px;
\\t\\t\\tfont-weight: bold;
\\t\\t\\tcursor: pointer;
\\t\\t}
\\t
\\t
\\t
\\t
\\t\\t×
\\t\\t这是一个弹窗
\\t\\t欢迎使用我们的网站！
\\t
\\t
\\t\\tfunction showPopup() {
\\t\\t\\tdocument.getElementById(overlay).style.display = block;
\\t\\t\\tdocument.getElementById(popup).style.display = block;
\\t\\t}
\\t\\tfunction hidePopup() {
\\t\\t\\tdocument.getElementById(overlay).style.display = none;
\\t\\t\\tdocument.getElementById(popup).style.display = none;
\\t\\t}
\\t
这个弹窗由一个半透明的覆盖层和一个弹窗组成。当点击“打开弹窗”按钮时，覆盖层和弹窗都会显示出来。关闭弹窗可以点击弹窗右上角的“X”按钮或者点击覆盖层。