<!DOCTYPE html>
<
head
>
<
link
href
=
rel
=
"stylesheet"
>
</
head
>
<
body
class
=
"text-center mx-4"
>
<
h1
class
=
"text-green-600 text-5xl font-bold"
>
GeeksforGeeks
</
h1
>
<
b
>Tailwind CSS Border Color Class</
b
>
<
div
class="mx-14 bg-green-200 grid grid-rows-4
grid-flow-col gap-2 text-justify p-2">
<
p
class
=
"border-2 border-transparent p-2"
>
A Computer Science Portal for Geeks
</
p
>
<
p
class
=
"border-2 border-current text-red-600 p-2"
>
A Computer Science Portal for Geeks
</
p
>
<
p
class
=
"border-2 border-white p-2"
>
A Computer Science Portal for Geeks
</
p
>
<
p
class
=
"border-2 border-black text-white p-2"
>
A Computer Science Portal for Geeks
</
p
>
<
p
class
=
"border-2 border-gray-700 p-2"
>
A Computer Science Portal for Geeks
</
p
>
<
p
class
=
"border-2 border-red-700 p-2"
>
A Computer Science Portal for Geeks
</
p
>
<
p
class
=
"border-2 border-indigo-700 p-2"
>
A Computer Science Portal for Geeks
</
p
>
<
p
class
=
"border-2 border-blue-700 p-2"
>
A Computer Science Portal for Geeks
</
p
>
<
p
class
=
"border-2 border-green-700 p-2"
>
A Computer Science Portal for Geeks
</
p
>
<
p
class
=
"border-2 border-yellow-700 p-2"
>
A Computer Science Portal for Geeks
</
p
>
<
p
class
=
"border-2 border-pink-700 p-2"
>
A Computer Science Portal for Geeks
</
p
>
<
p
class
=
"border-2 border-purple-700 p-2"
>
A Computer Science Portal for Geeks
</
p
>
</
div
>
</
body
>
</
html
>