爱心网页 - 表白神器 - 常规

<!DOCTYPE html>
<html>
<head>
	<title>爱心网页 - 表白神器</title>
	<style>
		body {
			background-color: #f8f8f8;
			font-family: sans-serif;
			text-align: center;
		}
		h1 {
			color: #ff69b4;
			margin-top: 50px;
		}
		.heart {
			display: inline-block;
			position: relative;
			margin-top: 50px;
			width: 100px;
			height: 90px;
		}
		.heart:before,
		.heart:after {
			position: absolute;
			content: "";
			left: 50px;
			top: 0;
			width: 50px;
			height: 80px;
			background: #ff69b4;
			border-radius: 50px 50px 0 0;
			transform: rotate(-45deg);
			transform-origin: 0 100%;
		}
		.heart:after {
			left: 0;
			transform: rotate(45deg);
			transform-origin: 100% 100%;
		}
		.btn {
			padding: 10px 20px;
			background-color: #ff69b4;
			color: #fff;
			border: none;
			border-radius: 5px;
			font-size: 18px;
			margin-top: 50px;
			cursor: pointer;
		}
	</style>
</head>
<body>
	<h1>❤ 爱你一生一世 ❤</h1>
	<div class="heart"></div>
	<button class="btn">点击表白</button>
</body>
</html>