自學網頁の嬰兒教材：第2課 ── CSS 輕入門

by max002215

HTML

<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="UTF-8">
    <title>Document</title>
  </head>

  <body>

    <div class="nav">
      <h1 class="title">ETF成分股太集中並非好事！新送審ETF成分股若重複性過高，金管會將要求說明
      </h1>
      <a href="https://www.storm.mg/authors/49552/%E4%B8%AD%E5%A4%AE%E7%A4%BE">
        中央社
      </a>
      <a href="https://www.storm.mg/authors/49552/%E4%B8%AD%E5%A4%AE%E7%A4%BE" class="track">
        <span>+追蹤</span>
      </a>
      <span>
        2024-03-25 17:04
      </span>

      <span>23</span>
      <span>人氣</span>
    </div>
    <div class="img">
      <img src="https://image.cache.storm.mg/styles/smg-800x533-fp-wm/s3/media/image/2021/05/12/20210512-015053_U4040_M689472_6947.jpg?itok=6d3OhU5Y" alt="隨著ETF檔數逐漸成長，未來是否會出現成分股過於集中的風險，成為金管會思考重點。（資料照，顏麟宇攝）" width="800" height="500">
      <p>隨著ETF檔數逐漸成長，未來是否會出現成分股過於集中的風險，成為金管會思考重點。（資料照，顏麟宇攝）</p>
    </div>
    <div class="content_first">
      <p>近期台股ETF募集熱度檔檔創新高，為降低集中度過高風險，金管會表示，未來新送審ETF成分股若重複性過高，將要求投信業提出說明，投信業必須提改善計畫或調整方向，供金管會審酌。
      </p>
    </div>
    <div class="content_link"> <a href="https://www.storm.mg/line/notify/login">[啟動LINE推播] 每日重大新聞通知</a></div>
    <div class="content_mid">
      <p>日前統一台灣高息動能（00939）、元大台灣價值高息（00940）接力募集，台股ETF掀起新一波狂潮，檔檔募集規模寫新高。金管會緊盯投信業是否確實揭露風險、有無不當行銷，隨ETF檔數逐漸成長，未來是否會出現成分股過於集中風險，也成金管會思考重點。</p>
    </div>
    <div class="content_footer">
      <p>金管會主委黃天牧今天赴立法院財政委員會專題報告並備質詢，民進黨立委吳秉叡關注，00940尚未掛牌上市，但臉書社團「00940自救會」成員已突破3萬人，金管會是否留意該網路社團目的。<br>黃天牧答詢時表示，無論ETF發行或投資人權益，金管會均非常重視，會再了解網路自救會訴求。<br>黃天牧在財委會前接受媒體聯訪時提到，針對台股ETF熱潮，金管會採3方向強化監理，一是金管會將注意投信業銷售過程，是否充分告知投資人資訊；二是金管會將與投信投顧公會討論，未來網紅行銷管理的自律規範；三是對於整體ETF市場面監控措施，周邊單位會進行研究。</p>
    </div>
    <div class="footer">
      <h2 class="footer_title">暫緩新ETF審查速度？
      </h2>
      <p>對於台股ETF短期熱度竄高，金管會是否暫緩新ETF審查速度，金管會證期局長張振山會後接受媒體聯訪時表示，金管會不會預設立場、要求投信業不要短時間大量送審，同不同意還是要業者送件才能審。<br>張振山說，觀察國際市場，歐洲、亞洲等主要國家ETF成分股交易量占大盤比重均約2成多，台灣僅占約1%、比重並不高，不過金管會還是會審慎監理新送審的ETF，檢視公開說明書內容、規劃是否完整。</p><a...

CSS

.nav {
  margin: 10px 20px 10px;
}

.title,.footer_title {
  font-size: 36px;
  font-family: "Arial", Sans-serif;
}

.nav .track span {
  color: #240C00;

}

.nav .track {
  border: 0.5px solid #240C00;
  padding: 5px 15px;
  margin: 0 10px;
}

.nav .track:link {
  color: #CCC4CC;

  border-radius: 5px;
  background: #F5F5F5;
}

.nav .track:hover {
  padding: 5px 15px;
  margin: 0 10px;
  text-decoration: none;
  background: #CCCECD;
  border: none;
}

a {
  text-decoration: none;
  color: orange;

}

a:visited {
  color: orange;
}

a:hover {
  color: orange;
  text-decoration: underline;

}

.img {
  margin: 10px 10px 10px;
  padding: 10px;
  max-width: 100%;
  max-height: auto;
}

.img p {
  color: #BCBCBC;
}
.content_first,.content_mid,.content_footer,.footer {
  margin: 20px;
}
.content_link {
  margin: 20px;
}