全家山丘藍霜淇淋

全家山丘藍霜淇淋

by applelily

HTML

<!DOCTYPE html>
<html lang="en">
  <head>
    <!-- 
      This is an HTML comment
      You can write text in a comment and the content won't be visible in the page
    -->

    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />

     <title>2024全家霜淇淋新口味》藍莓霜淇淋將開賣！周末限時第二支10元 </title>

    <!-- The website stylesheet -->
    <link rel="stylesheet" href="/style.css" />

    <!-- The website JavaScript file -->
    
  </head>
  <body>

   <h1 style="color:#3b3b3b">
    2024全家霜淇淋新口味》藍莓霜淇淋將開賣！周末限時第二支10元
    </h1>
    <div >
        <a style="color:#ff3838; 
            letter-spacing:0.7px;
            font-size: 16px; 
            padding: 15px;" 
                href="https://www.storm.mg/authors/186142/%E9%A2%A8%E7%94%9F%E6%B4%BB%E7%B6%9C%E5%90%88%E5%A0%B1%E5%B0%8E">風生活綜合報導
        </a>
        <a  class="subscribe_btn" href="https://www.storm.mg/authors/186142/%E9%A2%A8%E7%94%9F%E6%B4%BB%E7%B6%9C%E5%90%88%E5%A0%B1%E5%B0%8E"  target="_blank" >
            <span> + 追蹤</span>
        </a>
    </div>   

    
    <div style="margin-top:10px;">
        <img src="https://image.cache.storm.mg/styles/smg-800x533-fp/s3/media/image/2024/03/15/20240315-022623_U25889_M939731_a172.jpg?rbFE9hi41Hvjwg3S7iDyf4Xy0m.3hxCy&itok=7iIlT16W">
        <p class="description">
        馬來西亞先前攜手寶可夢推出「藍莓霜淇淋」，台灣4月也將與「山丘藍」合作推出酸酸甜甜的藍莓口味。（圖／取自馬來西亞全家臉書）
        </p>
    </div>
 
 
    <p class="inner_style">
        <span class="first_p">全</span>
        家霜淇淋新口味要來了！熱門口味「抹茶霜淇淋」才開賣不久，全家官方就預告4月霜淇淋的新口味是「山丘藍藍莓」！全家先前與台灣藍莓山丘藍合作開賣藍莓水果盒，並於4月攜手推出「山丘藍台灣藍莓霜淇淋」。山丘藍藍莓好吃嗎風味如何？近期全家霜淇淋優惠有哪些？本文一次揭曉。
    </p>
    <h2>
        即將登場！全家山丘藍霜淇淋
    </h2>
    <p class="inner_style">
        全家更搶先公布Fami!ce霜淇淋新口味－山丘藍台灣藍莓，使用新鮮的山丘藍藍莓製作，藍莓香氣十足、酸甜適中，4月將於全家正式登場。
    </p>
    <p class="inner_style">
        馬來西亞全家前陣子攜手寶可夢，推出以耿鬼為主色的「藍莓霜淇淋」，杯套與杯身也印有耿鬼的圖案。先前有網友在小紅書上分享品嘗心得，「覺得像Yogurt（優格）裡面的藍莓味」、「越吃越好吃，不會過於甜膩」、「味道很像我們童年會吃的糖果」、「我覺得很好吃」，不過也有網友認為口味「一言難盡」。
    </p>
  
    <h2>
       ...

CSS

.subscribe_btn {
    border-radius: 5px;
    min-width: 50px;
    padding: 5px 15px ;
    border: 1px solid #ccc;
    text-align: center;
    color: #3b3b3b;
  }
  
.subscribe_btn:link,.subscribe_btn:visited {
  background-color: white;
  display: inline-block;
}


.subscribe_btn:hover {
    background-color: hotpink;
    color: white;
    cursor:pointer;
}

.subscribe_btn:active{
    background-color: blue;
    color: white;
    transform: scale(0.9);/* 縮小按鈕 */
    cursor:wait;
}


  .description{
      line-height: 1.3;
      margin-top: 10px;
      font-size: 14px;
      color: #999;
  }
  .first_p{
      display: inline-block;
      margin-right: 10px;
      padding: 9px 0;
      font-size: 40px;
      border-bottom: 5px solid #ff3838;
      letter-spacing: 0;
  }
  .inner_style{
    margin-top:30px;
    letter-spacing:0.05em; 
    color:#3b3b3b; 
    font-size:18px; 
    font-weight: 400;
    margin-bottom: 60px;

  }
  h2{
    color:#ff3838;
  }