JSFiddle - React, Tailwind, and code Playground
HTML
<div class="Border1">
<p>この文字の周りの線を二重にします。</p>
</div>
<div class="Border2">
<p>この文字の周りの線をくぼんだようにします。</p>
</div>
<div class="Border3">
<p>この文字を見出しのようにします。</p>
</div>CSS
.Border1 p{
border: double 10px #0000ff;
}
.Border2 p{
border: inset 10px #ff0000;
}
.Border3 p{
border-left: solid 10px #ff0000;
border-bottom: solid 1px #ff0000;
padding: 0 0 10px 20px;
}