JSFiddle - React, Tailwind, and code Playground

by second9040

HTML

<!DOCTYPE html>

<!--第2課作業-->

<!--
教學參考：
http://class.turn.tw/html-and-css-learn-html/
http://class.turn.tw/html-and-css-learn-css/

實作參考網站：
https://www.storm.mg/article/815521?srcid=gAAAAABcsaLGYiO0f1Jw8r9uKPqWMPS_3mOQETge6HYl8Y25vZkrnKdyAFN7GUkahgnXA5ADFWUzYUxULtgCH7NyO-u2F21QdISzAEg_fhQi5tbDyY3HNws%253D
-->
<!--
作業1`:https://jsfiddle.net/second9040/uoxktrjq/33/
-->

<html>

<style>

  body{
      background-color:#DDDDDD;
}

  div{
    margin: 10px;

  }
  
  h1{
     margin: 10px;
     font-family: "微軟正黑體";
  }
  
  p{
    font-family: "微軟正黑體";
    line-height: 24px;　　　          　/* 設定文字行距 */

  }

  div.part1{
  }

  div.top-link{
    border-left:solid 10px red;
    padding: 8px;
  }
 
  a.top-link_style:link{
      font-weight: bold;
      text-decoration: none;
      color:black	;
  } 
    
  div.text1{
    float:left;
  }
  div.text2{
    float:left;
    color:	#888888;
  }
  
  /* unvisited link */
  a.Su_Nan:link{
      font-weight: bold;
      text-decoration: none;
      color:#FF44AA	;
  }
  
  /* visited link */
  a.Su_Nan:visited, a.top-link_style:visited{
      font-weight: normal;
  }
    
 /* mouse over link */
 a.Su_Nan:hover, a.top-link_style:hover{
      text-decoration: underline;
  }
  
 /* selected link */
 a.Su_Nan:active, a.top-link_style:active{
      background-color:#AAAAAA;
  }
  
  div.img1, div.img2, div.img3{
     margin:5px;
  }
  
  p.img1, p.img2, p.img3{
    color:#888888	;
    font-size: 14px;
    margin:5px 0px 0px 0px ;
  }
  
  div.part2{
     padding:10px 50px 20px 50px;
     background-color:white; 
  }
  
   
 
   p.first_word_big{
      font-size : 200%;
      font-weight : bold;
      float : left;
      margin: 24px 5px 0px 0px;
      padding-bottom:10px;
      border-bottom:solid 5px red;

  }  

</style>

<body>
<div class="part1">
    <div class="top-link">
      <a class="top-link_style" href="https://www.storm.mg/category/2">評論</a>
      <a class="top-link_style" href="https://www.storm.mg/category/117">...