用html+css画一个爱心

好的，很高兴能够帮你实现这个小需求。以下是 HTML 和 CSS 代码：

HTML 代码：

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

CSS 代码：

.heart-box {
  display: inline-block;
  position: relative;
  width: 100px;
  height: 90px;
}

.heart {
  position: absolute;
  top: 0;
  left: 35px;
  width: 50px;
  height: 50px;
  background-color: #e74c3c;
  transform: rotate(45deg);
  box-shadow: inset -20px 0px 0px 0px #e74c3c;
}

.heart::before,
.heart::after {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  background-color: #e74c3c;
  transform: rotate(45deg);
}

.heart::before {
  top: -25px;
  left: 0;
}

.heart::after {
  top: 0;
  left: 25px;
}

将上述 HTML 和 CSS 代码加入到你的项目中，即可看到一个用 HTML 和 CSS 画的爱心。