hmtl爱心代码border-dadius样式

在HTML中，"border-radius" 样式用于设置元素边框的圆角。当你想要创建一个圆形或者柔和边缘的心形元素时，这个样式就非常有用。`border-radius` 可以接受一至四个值，分别对应元素四个角落的圆角半径。每个值按顺序代表：上左、上右、下右、下左。

例如，如果你想让一个宽50px，高70px的`div`元素变成一个完全圆形的心形，可以这样设置：

.heart {
  width: 50px;
  height: 70px;
  border-radius: 50%; /* 这里设置的是所有角的圆角半径为元素自身的宽度的一半 */
  background-color: red; /* 设置背景颜色 */
}

如果你想要四个角有不同的圆角，可以提供四个值，例如：

.heart {
  width: 50px;
  height: 50px; /* 如果高度也一样，心形会看起来更对称 */
  border-radius: 20px 20px 0 0; /* 上半部分圆角20px，下半部分无圆角 */
  background-color: red;
}

这里，上半部分的圆角设为20px，下半部分没有圆角，形成了一个不完整的圆形。