HTML 爱心代码 - 如何用 CSS 创建一个爱心形状
<!DOCTYPE html>
<html>
<head>
<style>
.heart {
width: 100px;
height: 100px;
background-color: red;
position: relative;
transform: rotate(-45deg);
margin: 50px auto;
}
<p>.heart::before,
.heart::after {
content: "";
position: absolute;
width: 100px;
height: 100px;
background-color: red;
}</p>
<p>.heart::before {
border-radius: 50%;
top: -50px;
left: 0;
}</p>
<p>.heart::after {
border-radius: 50%;
top: 0;
left: 50px;
}</p>
</style>
</head>
<body>
<div class="heart"></div>
</body>
</html>
原文地址: https://www.cveoy.top/t/topic/pEfE 著作权归作者所有。请勿转载和采集!