0613html-L2

by chrissyhuang

HTML

<!DOCTYPE html>
<html>
<body>
<!--第一課html輕入門，參考網頁https://www.storm.mg/lifestyle/5140194-->
<!--第二課css輕入門，參考網頁https://www.storm.mg/lifestyle/5140194-->
<h1>
肉粽漲價太扯還買嗎？他嘆「端午節小確幸」沒了：還以為自己變有錢…網友推1配方「好吃手不油」
</h1>
<p>
<a class="author" href="https://www.storm.mg/authors/387248/%E8%83%A1%E6%AD%A3%E5%88%9D">胡正初</a>
<a class="follow" href="https://www.storm.mg/member/login?redirect_uri=https://www.storm.mg/lifestyle/5140194">＋追蹤</a>
2024-05-30 11:46
</p>
<img src="https://image.cache.storm.mg/styles/smg-800x533-fp/s3/media/image/2024/05/30/20240530-105000_U29135_M958054_72cb.jpg?5WZB5D15UVnwzbKBWWuhDXjcrhsxHzUL&itok=IsxZIrcZ"><div id="pixabay">今年肉粽價格出現了明顯的上漲趨勢，讓不少民眾直呼吃不消。（圖／取自pixabay）</div>

<p>
端午節即將來臨，許多民眾開始尋覓美味的肉粽，準備與家人共度佳節，但今年肉粽價格出現了明顯的上漲趨勢，讓不少民眾直呼吃不消。一名網友表示，自己能接受的粽子價格落在55至60元間，然而，他發現如今肉粽價格已經來到每顆70至80元，根本買不下去，因此好奇發問：「肉粽超過多少就不買了？」
</p>
<P>
原PO在PTT以「<a class="link1" href="https://www.ptt.cc/bbs/Gossiping/M.1716984055.A.911.html">肉粽超過多少就不買了？</a>」為題發文表示，過年過節總是燒錢，已經很久沒在中秋節烤肉吃月餅，沒想到如今<b>連端午節吃粽子的小確幸也要沒了</b>。
</P>
<P>
原PO發現，現在知名品牌的肉粽一顆就要價80元，網路購物平台上銷售第一的肉粽12入999元，平均每顆超過80元，即使是傳統小吃店的南部粽，一顆也要價70元，這樣的價格實在是吃不消，<b>自己能接受的肉粽價格頂標在55至60元左右</b>。原PO也因此哀嘆道：「天啊！我還以為自己變有錢了，卻還是連肉粽都買不下手。」
<span class="cgrey">（相關報導：<a class="report1" href="https://www.storm.mg/article/5125716">竹北一餐500元很正常？他聽「地方媽媽對話」嚇爛　在地人揭「真實情況」：只是低消</a>｜<a class="report1" href="https://www.storm.mg/lifestyle/5140194">更多文章</a></span>
</P>
<P>
PO文曝光後，網友紛紛留言展開熱烈討論，「去市場買一般的肉粽都比較爽」、「小時候台北不知哪間廟有大量肉粽攤，像油飯那種大顆又好吃，一顆才10到20元」、「<b>成本真的不貴啊，肉粽麻煩的是那個製造過程</b>」、「<b>吃過一顆500的超普</b>，肉粽就該是肉粽的樣子，加一堆高級食材，反而怪」。
</P>
<p>
另外，也有人建議可以避開節日時購買，「過節時不要買非節日時再買」、「 沒必要特別因為節日吃貴鬆鬆肉粽」，又或者選擇以油飯代替「改買油飯配雞腿」、「我都買<b>油飯加雞腿</b>，吃完手不油」。
</p>
<P>
<a class="report2"...

CSS

body{
  padding: 10px;
  background-color: LightGrey;
}

/*作者胡正初鏈接效果，link.visited紅字無底線，hover紅字有底線，hover紅字無底線灰底色*/
a.author:link, a.author:visited{
  color: red;
  text-decoration: none;
}
a.author:hover{
  color: red;
  text-decoration: underline;
}
a.author:actived{
  color: red;
  text-decoration: none;
  background-color:grey;
}

/*追蹤link.visited灰色邊框灰底,hover灰底色白字*/
a.follow{
  display:inline-block;
  border: 1px solid grey;
  border-radius: 5px;
  padding:1px 10px;
  text-decoration:none; 
}
a.follow:link, a.follow:visited{
  color:black;
  text-decoration:none;
}
a.follow:hover, a.follow:active{
  background-color:grey;
  color:white;
}
#pixabay{
  color:grey;
}

}
a.link1{
  color: red;
  text-decoration:underline;
}
a.link1:link, a.link1:visited{
  color:red;
  text-decoration:underline;
}
a.link1:active{
  background-color:grey;
}
.cgrey{
  color:grey;
}
a.report1{
  color:grey;
}

/*相關報導hover只有下底線從黃色變成紅色,沒做出來，active底色變成灰色*/
a.report1:hover{
  text-decoration:underline;
  color:red;
}
a.report1:active{
  background-color:grey;
}
a.report2{
  color:red;
  text-decoration:none;
}
a.report2:hover{
  text-decoration:underline;
}