如何在 Tailwind CSS 中僅將 colors 賦予左邊框？

Question

我試圖在順風 css 中將藍色 colors 給左邊框

我嘗試將代碼編寫為border-l-8-blue

但是，這是一個錯誤的代碼，它永遠不會起作用。

這是我的問題，有什么方法可以單獨將 colors 提供給左邊框？

而不是將 colors 提供給所有邊框，如border-gray

Answer 1

記得添加邊框寬度

<div class="border-4 border-l-indigo-500"></div>

Answer 2

要僅在左側獲取邊框，請使用以下語法

<div class="border-4 border-blue-200 border-l-green-500">text</div>

您可以參考官方 Tailwind 文檔

Answer 3

border-l-blue實際上是有效的，而我做錯的是試圖將border-l-blue和border-l-8組合在一行中作為border-l-blue-8 。

Answer 4

要使邊框僅位於左側，請在 Tailwind HTML 中使用以下代碼

<div class="mx-auto w-12 h-12 sm:w-16 sm:h-16 bg-gray-400 border-l-2 border-gray-600"></div>