摘要：HTML愛心代碼是網頁設計中常用的元素之一，可以用來表達愛、友情、感恩等情感。本文將分享最全的HTML愛心代碼，供大家參考使用。

1. 簡單愛心代碼

最簡單的HTML愛心代碼是用字符表示，3

效果如下：

<3

2. 純CSS制作愛心代碼

使用CSS可以更加靈活地制作出各種形狀的愛心，div class="heart"></div>

```css

.heart {: relative;

width: 100px;

height: 90px;sform: rotate(-45deg);d: #f00;argin: 50px;

.heart:before,

.heart:after {tent: "";: absolute;

width: 100px;

height: 100px;d: #f00;

border-radius: 50%;

.heart:before {

top: -50px;

left: 0;

.heart:after {

top: 0;

left: 50px;

效果如下：

3. SVG制作愛心代碼

使用SVG可以制作出更加復雜的愛心形狀，path d="M 50,10 C 20,10 5,30 5,55 A 40,40 0 0 0 50,95 A 40,40 0 0 0 95,55 C 95,30 80,10 50,10 z" fill="#f00"/>

</svg>

效果如下：

以上就是最全的HTML愛心代碼分享，希望能對大家有所幫助。