html给弹窗加边框和表头

要给弹窗加边框和表头，可以使用HTML和CSS，具体步骤如下：

1. 在HTML中添加一个包围弹窗的div元素，设置它的ID和样式。

<div id="popup-container">
  <!-- 弹窗内容 -->
</div>

2. 在CSS中定义ID为popup-container的样式，包括边框、宽度、高度和居中等。

#popup-container {
  border: 1px solid #ccc; /* 边框样式 */
  width: 400px;  /* 宽度 */
  height: auto;  /* 高度 */
  position: fixed;  /* 固定定位 */
  top: 50%;  /* 垂直居中 */
  left: 50%;  /* 水平居中 */
  transform: translate(-50%, -50%); /* 居中 */
  background-color: #fff; /* 背景色 */
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); /* 阴影效果 */
}

#popup-container h2 {
  background-color: #ccc; /* 表头背景色 */
  color: #fff; /* 字体颜色 */
  padding: 10px; /* 内边距 */
  margin: 0; /* 外边距 */
  font-size: 18px; /* 字体大小 */
}

3. 在弹窗内容中添加一个h2元素作为表头，并设置它的样式为表头样式。

<div id="popup-container">
  <h2>这是表头</h2>
  <!-- 弹窗内容 -->
</div>

通过以上步骤，就可以给弹窗加上边框和表头了。可以根据实际需求修改样式。