<p>目前，我正在使用的是tailwind版本3.3.3。</p><p>我无法为表格获得圆角效果。我尝试添加一个具有类名"overflow-hidden rounded-lg"的包装容器。这样可以解决圆角问题，但是每个边的边框也消失了。我该如何解决这个问题？</p><p>我的代码是：</p><p><br /></p> <pre class="brush:php;toolbar:false;">&lt;table class="w-50 m-auto font-inter text-left border-collapse rounded-lg"&gt; &lt;thead&gt; &lt;tr class="bg-[#f2f4f7]"&gt; &lt;th class="p-3 text-gray-500 text-xs font-semibold leading-none border border-gray-200"&gt;&lt;span class="inline-flex gap-1"&gt;Plan&lt;/span&gt;&lt;/th&gt; &lt;th class="p-3 text-gray-500 text-xs font-semibold leading-none border border-gray-200"&gt;&lt;span class="inline-flex gap-1"&gt;No. of Subscription&lt;/span&gt;&lt;/th&gt; &lt;/tr&gt; &lt;/thead&gt; &lt;body&gt; &lt;tr&gt; &lt;td class="border border-gray-200 p-3"&gt;Silver plan USD Monthly&lt;/td&gt; &lt;td class="border border-gray-200 p-3"&gt;2&lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt;</pre> <p><br /></p>

<div class="w-50 m-auto">
    <div class="overflow-hidden rounded-lg">
        <table class="w-full font-inter text-left border-collapse">
            <thead>
                <tr class="bg-[#f2f4f7]">
                    <th class="p-3 text-gray-500 text-xs font-semibold leading-none border border-gray-200"><span class="inline-flex gap-1">Plan</span></th>
                    <th class="p-3 text-gray-500 text-xs font-semibold leading-none border border-gray-200"><span class="inline-flex gap-1">No. of Subscription</span></th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td class="border border-gray-200 p-3">Silver plan USD Monthly</td>
                    <td class="border border-gray-200 p-3">2</td>
                </tr>
            </tbody>
        </table>
    </div>
</div>```
通过将表格包裹在一个div中，并将overflow-hidden rounded-lg类应用于该div，您应该可以保持圆角的同时保留角边框。