CSS愛心圖形代碼是一種使用 CSS 樣式來創建愛心形狀的圖形，它可以用于各種網站和應用程序，包括布局、標志和交互式組件等。在本文中，我們將介紹如何使用 CSS 創建一個簡單的愛心形狀，以及如何使用不同的形狀和顏色來定制你的愛心。

CSS 愛心形狀的基礎樣式

```html

<div style="background-color: #ff4d4d; color: #fff; font-size: 16px; text-align: center;">

<p>Hello World!</p>

</div>

</div>

CSS 愛心形狀的多種樣式

除了基本樣式，我們還可以通過 CSS 的 `border`、`box-shadow`、`font-style`、`font-weight` 等屬性來改變愛心的形狀和顏色。以下是一些示例代碼：

```html

<div style="background-color: #ff4d4d; color: #fff; font-size: 16px; text-align: center;">

<p>Hello World!</p>

</div>

</div>

<div style="background-color: #ff0000; color: #fff; font-size: 16px; text-align: center;">

<p>Hello World!</p>

</div>

</div>

<div style="background-color: #990000; color: #fff; font-size: 16px; text-align: center;">

<p>Hello World!</p>

</div>

</div>

在這些示例中，我們使用了不同的顏色和陰影效果來創建不同的愛心形狀。我們可以使用 CSS 的 `border` 屬性來添加邊框，使用 `box-shadow` 屬性來添加陰影，使用 `font-style` 和 `font-weight` 屬性來改變字體樣式，使愛心更加立體和真實。

使用 JavaScript 創建自定義愛心

```html

<script>

</script>