在網頁設計中，愛心特效是一種比較流行的效果，它可以為網頁增添一份浪漫和溫馨的氛圍。下面是一份HTML愛心特效的代碼教程。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML愛心特效</title>
<style type="text/css">
.heart {
background-color: #e34242;
width: 100px;
height: 100px;
position: relative;
margin: 50px auto;
transform: rotate(45deg);
}
.heart:before,
.heart:after {
content: "";
background-color: #e34242;
border-radius: 50%;
position: absolute;
}
.heart:before {
width: 100px;
height: 100px;
left: 0px;
top: -50px;
}
.heart:after {
width: 100px;
height: 100px;
left: 50px;
top: 0px;
}
</style>
</head>
<body>
<div class="heart"></div>
</body>
</html>在以上代碼中，使用了:before和:after偽類。這些偽類可以幫助我們在HTML元素中添加額外的內容。通過設置這些偽類的樣式，讓愛心具有特別的形狀。
最后，我們把heart類應用到一個div元素中，以顯示愛心特效。HTML愛心特效代碼已經完整，你可以把它復制到你自己的網頁中，同時，你可以根據實際需求調整樣式。