<!DOCTYPE html>
<
html
>
<
head
>
<
link
href
=
rel
=
"stylesheet"
>
</
head
>
<
body
class
=
"text-center"
>
<
h1
class
=
"text-green-600 text-5xl font-bold"
>
GeeksforGeeks
</
h1
>
<
b
>Tailwind CSS Border Style Class</
b
>
<
div
class
=
"mx-4 grid grid-cols-5 gap-2 bg-green-200 p-2"
>
<
div
class="border-4 border-green-900 border-solid
bg-green-400 w-full h-12">
border-solid
</
div
>
<
div
class="border-4 border-green-900 border-dashed
bg-green-400 w-full h-12">
border-dashed
</
div
>
<
div
class="border-4 border-green-900 border-dotted
bg-green-400 w-full h-12">
border-dotted
</
div
>
<
div
class="border-4 border-green-900 border-double
bg-green-400 w-full h-12">
border-double
</
div
>
<
div
class="border-4 border-green-900 border-none
bg-green-400 w-full h-12">
border-none
</
div
>
<
div
class="border-4 border-green-900 border-hidden
bg-green-400 w-full h-12">
border-hidden
</
div
>
</
div
>
</
body
>
</
html
>