帮我敲一段html爱心代码
时间: 2023-06-05 14:04:33 浏览: 114
好的,下面是HTML爱心代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>HTML爱心代码</title>
<meta charset="utf-8" />
<style>
#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%;
}
</style>
</head>
<body>
<div id="heart"></div>
</body>
</html>
```
请注意,以上代码仅仅是画一个爱心的例子,您可以在实际项目中根据需要进行修改。
阅读全文