我的問題是: 我需要我的表格a)只有表體周圍有邊框，b)這個邊框需要是圓形的。他們的邊界在那里，但我似乎不能得到它圓-誰能幫忙嗎？ 我試過只添加& quot四舍五入& quot在不同的地方和更多的地方，但似乎沒有工作。

<table className="w-full border-collapse text-left">
    <thead>
      <tr className="">
        <th>Display</th>
        <th>Identifier</th>
        <th>Invested</th>
        <th>Development</th>
        <th>Value</th>
        <th className="w-10"></th>
      </tr>
    </thead>
    <tbody className="border-solid rounded">
      <tr className="border-solid rounded ">
        <td className="">
          <ToggleChecked />
        </td>
        <td>My Portfolio</td>
        <td>$101.348,98</td>
        <td className="text-[#5FCD8A]">
          +3.02%
          <br />
          $50.600,05
        </td>
        <td>$120,560.34</td>
        <td className="w-10">MORE</td>
      </tr>
    </tbody>
  </table>

你可以考慮使用方框陰影來& quot假的& quot邊界:

<script src="https://cdn.tailwindcss.com"></script>

<table class="w-full border-collapse text-left">
    <thead>
      <tr class="">
        <th>Display</th>
        <th>Identifier</th>
        <th>Invested</th>
        <th>Development</th>
        <th>Value</th>
        <th className="w-10"></th>
      </tr>
    </thead>
    <tbody class="rounded shadow-[0_0_0_1px_theme(borderColor.DEFAULT)]">
      <tr class="">
        <td class="">
          <ToggleChecked />
        </td>
        <td>My Portfolio</td>
        <td>$101.348,98</td>
        <td class="text-[#5FCD8A]">
          +3.02%
          <br />
          $50.600,05
        </td>
        <td>$120,560.34</td>
        <td class="w-10">MORE</td>
      </tr>
    </tbody>
  </table>

不是順風的問題。根據(jù)CSS規(guī)范，邊界半徑對tbody無效。你可以試著用一些技巧來模擬它，比如這里提到的盒子陰影技巧:https://stackoverflow.com/a/48814066/2665139

只需添加:

tbody {
  box-shadow: 0 0 0 1px black;
}

另見一個類似的問題:有沒有一種簡單的方法可以在& lttbody/& gt；在純CSS中？