HTML界面彈窗代碼通常使用JavaScript和CSS來實現。下面是一段基礎的代碼，可以通過修改CSS樣式來改變彈窗的樣式。

<style> 
.popup { 
position: absolute; 
z-index: 1; 
background-color: #fff; 
border: 1px solid #ccc; 
width: 300px; 
height: 150px; 
left: 50%; 
top: 50%; 
margin-left: -150px; 
margin-top: -75px; 
display: none; 
} 
.popup__close { 
cursor: pointer; 
position: absolute; 
top: 0;
right: 0;
padding: 10px; 
} 
</style> 
<div class="popup"> 
<span class="popup__close">close</span> 
<p>Popup content.</p> 
</div>

在JavaScript中，我們可以編寫開啟和關閉彈窗的函數，將其綁定到對應的按鈕或元素上。例如，以下代碼實現了一個簡單的彈窗：

<button onclick="openPopup()">Open Popup</button> 
<script> 
function openPopup() { 
document.querySelector('.popup').style.display = 'block'; 
} 
document.querySelector('.popup__close').addEventListener('click', function() { 
document.querySelector('.popup').style.display = 'none'; 
}); 
</script>

當按鈕被點擊時，會調用openPopup函數，彈窗會顯示出來。關閉按鈕綁定了一個點擊事件，點擊時會將彈窗的display屬性改為none，從而隱藏彈窗。