Power Apps & Power Automate輕鬆學 / 文章

Power Automate HTML表格 框線和顏色

作者
楊琦森

發表日期：05/10/2024

在使用Power Automate建立HTML表格時，我們可以透過添加CSS樣式來美化表格，包括表格框線和風格。在這篇文章中，我們將介紹如何建立HTML表格框線和使用CSS風格。

首先，我們需要建立一個HTML表格。在Power Automate中，我們可以使用“Create HTML table”動作來建立一個HTML表格。接下來，我們可以在表格中添加我們需要的資料，例如文字、數字等。

接著，我們需要添加CSS樣式來美化我們的表格。我們可以將CSS樣式嵌入到HTML表格中，或者將其定義在單獨的樣式區塊中。以下是一個範例CSS樣式，

  1. <style>
    table {
      font-family: Arial, Helvetica, sans-serif;
      border-collapse: collapse;
      width: 100%;
    }
  2. table td, #customers th {
      border: 1px solid #ddd;
      padding: 8px;
    }
  3. table tr:nth-child(even){background-color: #f2f2f2;}
  4. table tr:hover {background-color: #ddd;}
  5. table th {
      padding-top: 12px;
      padding-bottom: 12px;
      text-align: left;
      background-color: #04AA6D;
      color: white;
    }
    </style>


```

上面的CSS代碼中，我們設置了表格的邊框塌陷為合併，並且將表格、表頭和表格單元格的邊框設置為黑色實線。

最後，我們只需將這個CSS樣式嵌入到我們的HTML表格中，這樣就可以應用這個風格來美化我們的表格。

以上就是如何使用Power Automate建立HTML表格框線和使用CSS風格的簡單教學。希望這篇文章對你有所幫助！