美化 <article itemscope class=""> <div class="display-none" itemscope itemprop="author"> <meta itemprop="name" content=" 155.fun"/> <meta itemprop="url" content=""/> </div> <div class="display-none" itemscope itemprop="publisher"> <meta itemprop="name" content=" 155.fun"/> <div itemscope itemprop="logo"> <meta itemprop="url" content="https://secure.gravatar.com/avatar/386583cce30096e2895bf18f7ffcb61f?s=50&amp;r=G&amp;d="> </div> </div> <meta itemprop="url mainEntityOfPage" content="https://zztt45.com/archives/16551.html" /> <meta itemprop="dateModified" content="2023-02-06T09:00:53+00:00"> <a href="https://zztt45.com/archives/16551.html" > <div class="post-card" id="post-card-16551" data-url="https://images.vryunpan.cc/new/usr/20230206/2023020616520475395.jpeg"> <div class="blog-background"></div> <script>toBase('post-card-16551');</script> <div class="post-card-mask"> <div class="post-card-container"> <h2 class="post-card-title" itemprop="headline">天津大学 沈佳慧 完美露脸 口爆颜射 特写刮毛【20分钟完整版】</h2> <div class="post-card-info"> <span itemprop="author"> 155.fun ? </span> <span itemprop="datePublished" content="2023-02-06T16:00:00+00:00">2023 年 02 月 06 日 ? </span> <span>热点事件</span> </div> </div> </div> </div> </a> </article>

.blog-background {
      position: absolute;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      width: 100%;
      height: 100%;
    }
    .post-card {
      cursor: pointer;
      position: relative;
      overflow: hidden;
      width: 100%;
      height: 100%;
    }
    .post-card-container {
      position: absolute;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      color: #fff;
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%);
    }
    .post-card-title {
      font-size: 1.1em;
      font-weight: bolder;
      text-align