從外部加入:先加入檔案

新增檔案:在public下面新增資料夾，再新增檔案

程式碼;

h2{
    color:orange;
  }

------------
畫面更新
 
在id第一個顯示顏色標記:
 
程式碼:

程式碼

<style>
  .special-text {
    text-align: center;
    background-color: yellowgreen;
  }
</style>
<div>
  <a href="/">商品列表</a>
  <a href="/contactUs">聯絡我們</a>
</div>
<h2>商品列表</h2>

<img src="https://origaminojikan.com/wp-content/uploads/2022/10/origami_50892-500x375.jpg" width="600" height="400" alt="一張圖片">
<table>
  <thead>
    <tr>
      <td>標題</td>
      <td>內容</td>
      <td>價格</td>
      <td></td>
    </tr>
  </thead>
  <tbody>
  @foreach ($products as $product)
    <tr>
    @if ($product->id == 1)
      <td class="special-text">{{ $product->title }}</td>
    @else
      <td>{{ $product->title }}</td>
    @endif
      <td>{{ $product->content }}</td>
      <td style="{{ $product->price <200 ? 'color: red;font-size:22px':''}}">{{ $product->price }}</td>
     
      <td></td>
    </tr>
  @endforeach
  </tbody>
</table>
加入JS
查詢商品數量:
要到JS的官網: https://releases.jquery.com/ 複製
大家明天見~居然得到諾羅病毒的急性腸胃炎~但是這裡不能斷阿~