首页用html编写爱心代码

用html编写爱心代码

时间: 2024-10-04 10:03:12 浏览: 42

在HTML中创建一个简单的爱心图案，你可以使用HTML实体或者SVG（Scalable Vector Graphics）。这里提供两种常见的方法： 1. **HTML实体** (适用于文本显示)： ```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>爱心符号</title> </head> <body> <span>♥</span> 或 <span>&hearts;</span> 就是一个爱心图标。 </body> </html> ``` 这里的`♥` 和 `&hearts;` 是爱心形状对应的HTML实体。 2. **SVG** (适用于更复杂的矢量图形): ```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <style> .heart { width: 50px; height: 50px; fill: red; } </style> </head> <body> <svg viewBox="0 0 100 100" class="heart"> <polygon points="50,0 100,50 50,100 0,50"></polygon> </svg> </body> </html> ``` 这个例子中，我们使用SVG的基本形状元素`<polygon>`绘制了一个红色的心形。

阅读全文