HTML彈窗表白代碼是目前在表白季非常受歡迎的一種方式，下面是一個簡單的示例代碼：
<!DOCTYPE html>
<html>
<head>
<title>表白代碼</title>
</head>
<body>
<!-- 彈窗樣式 -->
<style>
.popup {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: white;
padding: 20px;
border: 2px solid black;
border-radius: 10px;
width: 40%;
}
.popup h2 {
text-align: center;
}
.close {
position: absolute;
top: 5px;
right: 5px;
font-size: 25px;
cursor: pointer;
}
</style>
<!-- 彈窗內容 -->
<div class="popup" id="popup">
<h2>我想對你說</h2>
<p>我愛你，愿意陪你一起走過這一生。</p>
<span class="close" onclick="closePopup()">×</span>
</div>
<!-- 彈窗觸發按鈕 -->
<button onclick="showPopup()">我要表白</button>
<!-- 彈窗控制腳本 -->
<script>
function showPopup() {
document.getElementById("popup").style.display = "block";
}
function closePopup() {
document.getElementById("popup").style.display = "none";
}
</script>
</body>
</html>這段代碼中，我們首先定義了一個樣式類“popup”，表示彈窗的樣式，包括彈窗位置、背景顏色、邊框等。在彈窗中，我們放置了一個標題，一個表白內容和一個關閉按鈕。接著，我們在頁面中添加了一個按鈕，點擊按鈕可以觸發顯示彈窗的函數。最后，在頁面底部添加了一個JavaScript腳本，用于控制彈窗的顯示與隱藏。
這段代碼簡單易懂，使用方便，是一種很好的表白方式。可以根據自己的需要進行修改和優化，比如可以加入音樂效果或者其他的動畫效果，讓表白更加浪漫和溫馨。
上一篇vue實用性