言归正传：css真是一门我学不会的语言！！！

<!DOCTYPE html>
<html>
<head>
  <title>表白</title>
  <style>
    body {
      background-color: #f7f7f7;
      font-family: Arial, sans-serif;
    }
    
    .container {
      max-width: 600px;
      margin: 0 auto;
      padding: 20px;
      background-color: #fff;
      border-radius: 10px;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }
    
    h1 {
      text-align: center;
      color: #ff4d4d;
      font-size: 36px;
      margin-bottom: 30px;
    }
    
    p {
      text-align: center;
      font-size: 24px;
      color: #333;
      margin-bottom: 20px;
    }
    
    .heart {
      width: 100px;
      height: 100px;
      background-color: #ff4d4d;
      position: relative;
      margin: 0 auto;
      transform: rotate(45deg);
      animation: pulse 1s infinite;
    }
    
    .heart:before,
    .heart:after {
      content: "";
      width: 100px;
      height: 100px;
      background-color: #ff4d4d;
      border-radius: 50%;
      position: absolute;
    }
    
    .heart:before {
      top: -50px;
      left: 0;
    }
    
    .heart:after {
      top: 0;
      left: 50px;
    }
    
    @keyframes pulse {
      0% {
        transform: scale(1);
      }
      50% {
        transform: scale(1.2);
      }
      100% {
        transform: scale(1);
      }
    }
  </style>
</head>
<body>
  <div class="container">
    <h1>女神名字</h1>
    <p>I have something important to say...</p>
    <div class="heart"></div>
    <p>You are the love of my life.</p>
    <p>Will you be mine forever?</p>
  </div>
</body>
</html>

拿这个html和女神表白吧，反正我成功了

言归正传：css真是一门我学不会的语言！！！