Tailwind CSS class: .border-*-# / .border-t-2

<div class="my-2">
    <div class="border-t border-teal-600 bg-teal-400 p-8 inline-block"></div>
    <div class="border-r border-teal-600 bg-teal-400 p-8 inline-block"></div>
    <div class="border-b border-teal-600 bg-teal-400 p-8 inline-block"></div>
    <div class="border-l border-teal-600 bg-teal-400 p-8 inline-block"></div>
</div>

<div class="my-2">
    <div class="border-t-0 border-teal-600 bg-teal-400 p-8 inline-block"></div>
    <div class="border-r-0 border-teal-600 bg-teal-400 p-8 inline-block"></div>
    <div class="border-b-0 border-teal-600 bg-teal-400 p-8 inline-block"></div>
    <div class="border-l-0 border-teal-600 bg-teal-400 p-8 inline-block"></div>
</div>

<div class="my-2">
    <div class="border-t-2 border-teal-600 bg-teal-400 p-8 inline-block"></div>
    <div class="border-r-2 border-teal-600 bg-teal-400 p-8 inline-block"></div>
    <div class="border-b-2 border-teal-600 bg-teal-400 p-8 inline-block"></div>
    <div class="border-l-2 border-teal-600 bg-teal-400 p-8 inline-block"></div>
</div>

<div class="my-2">
    <div class="border-t-4 border-teal-600 bg-teal-400 p-8 inline-block"></div>
    <div class="border-r-4 border-teal-600 bg-teal-400 p-8 inline-block"></div>
    <div class="border-b-4 border-teal-600 bg-teal-400 p-8 inline-block"></div>
    <div class="border-l-4 border-teal-600 bg-teal-400 p-8 inline-block"></div>
</div>

<div class="my-2">
    <div class="border-t-8 border-teal-600 bg-teal-400 p-8 inline-block"></div>
    <div class="border-r-8 border-teal-600 bg-teal-400 p-8 inline-block"></div>
    <div class="border-b-8 border-teal-600 bg-teal-400 p-8 inline-block"></div>
    <div class="border-l-8 border-teal-600 bg-teal-400 p-8 inline-block"></div>
</div>