HTML愛心制作代碼
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>愛心制作</title>
<style>
.heart {
position: relative;
width: 100px;
height: 90px;
transform: rotate(45deg);
background-color: #ff5555;
}
.heart::before,
.heart::after {
content: "";
position: absolute;
width: 100px;
height: 100px;
background-color: #ff5555;
border-radius: 50px 50px 0 0;
}
.heart::before {
top: -50px;
}
.heart::after {
left: 50px;
}
</style>
</head>
<body>
<div class="heart"></div>
</body>
</html>使用HTML與CSS代碼，我們可以制作出一個愛心圖案。代碼中，我們使用::before和::after偽元素來制造愛心的兩個半邊，通過絕對定位和圓角來控制形狀和位置。容器的旋轉則將兩個半邊拼接起來成為完整的愛心。