JSFiddle - React, Tailwind, and code Playground

by Ukjin Yang

HTML

<p style="border:gray solid thick">border 로 테두리가 표시되쪄</p>
<p style="outline:gray solid thick">outline 으로 테두리가 표시되쪄</p>
<br/>
<input type='text' value='기본 양식'/> <button type='button'>기본 버튼</button>
<br/>
<input type='text' value='border 만 준 양식' style="border:black solid thick"/> <button type='button' style="border:black solid thick">border 만 준 버튼</button>
<br/>
<input type='text' value='background 만 준 양식' style="background:gray;"/> <button type='button' style="background:gray;">background 만 준 버튼</button>
<br/>
<input type='text' value='둘 다 준 양식' style="border:black solid thick;background:gray;"/> <button type='button' style="border:black solid thick;background:gray;">둘 다 준 버튼</button>
<br/>
<input type='text' value='outline 만 준 양식' style="outline:gray solid thick"/> <button type='button' style="outline:gray solid thick">outline 만 준 버튼</button>
<br/>