只只用html语音做一个弹窗，弹窗要背景要可以设置，可以设置成图片，弹窗是一进入就弹出的，要用关闭按钮且成功关闭，这个弹窗和公告没啥区别，ui要好

非常抱歉，我在之前的回答中打错了一个字，应该是“只使用HTML语言”，而不是“只使用HTML语音”。以下是正确的回答：

如果只使用HTML语言，可以使用HTML的`<dialog>`元素来实现弹窗功能。`<dialog>`元素是HTML5中新增的元素，用于创建一个对话框。

首先，您需要使用CSS来设置弹出框的样式。

CSS：

/* 弹出框样式 */
dialog {
  width: 80%;
  height: 80%;
  margin: 0 auto;
  background-color: #fff;
  border: 1px solid #ccc;
  overflow: auto;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* 背景样式 */
dialog::backdrop {
  background-color: rgba(0, 0, 0, 0.5);
}

接着，在HTML中创建一个`<dialog>`元素，并添加一个关闭按钮。

HTML：

<dialog id="myDialog">
  <img src="background.jpg" alt="弹出框背景图片">
  <button id="closeButton">关闭</button>
</dialog>

在JavaScript中，您需要使用`showModal()`方法来显示弹出框，并使用`close()`方法来关闭弹出框。

JavaScript：

// 获取弹出框元素和关闭按钮元素
var dialog = document.querySelector('#myDialog');
var closeButton = document.querySelector('#closeButton');

// 当页面加载后弹出弹出框
window.onload = function() {
  dialog.showModal();
}

// 当点击关闭按钮时，关闭弹出框
closeButton.onclick = function() {
  dialog.close();
}

这个JavaScript代码将在页面加载后自动弹出弹出框，并在关闭按钮被点击时关闭弹出框。

这是一个简单的示例代码，您可以根据自己的需求进行修改和定制。