用div在web中绘制心形图案

要用div在Web页面上绘制心形图案，可以利用CSS3的旋转和变形属性来实现。以下是一个简单的例子：

1. 在HTML中添加div元素

<div class="heart"></div>

2. 在CSS中设置div的样式

.heart {
  position: relative;
  width: 100px;
  height: 90px;
}

.heart:before,
.heart:after {
  position: absolute;
  content: "";
  left: 50px;
  top: 0;
  width: 50px;
  height: 80px;
  background: red;
  border-radius: 50px 50px 0 0;
  transform: rotate(-45deg);
  transform-origin: 0 100%;
}

.heart:after {
  left: 0;
  transform: rotate(45deg);
  transform-origin: 100% 100%;
}

以上代码将在div中绘制一个心形图案。其中，利用:before和:after伪元素来绘制左右两个半圆，利用旋转和变形属性来将它们变形成心形。height属性可以根据需要来调整心形的大小。

你可以尝试修改代码中的属性来绘制不同样式的心形。