css 라운드 넣는 방법

태그에 라운드 넣는 방법

 

 

border-radius:20px 해당라운드 수치임

 

라운드모양을 실선,점선등으로 표기가능하다

 

자주사용하는 종류

solid:실선

dotted:짧은 점선

dashed:긴 점선

 

<div style="border:3px solid #dddddd;border-radius:20px;width:100px;height:100px;">solid</div>
<br>

<div style="border:3px dotted #dddddd;border-radius:20px;width:100px;height:100px;">dotted</div>
<br>

<div style="border:3px dashed #dddddd;border-radius:20px;width:100px;height:100px;">dashed</div>
<br>

<div style="border:3px double #dddddd;border-radius:20px;width:100px;height:100px;">double</div>
<br>

<div style="border:3px groove #dddddd;border-radius:20px;width:100px;height:100px;">groove</div>
<br>

<div style="border:3px inset #dddddd;border-radius:20px;width:100px;height:100px;">inset</div>
<br>

<div style="border:3px outset #dddddd;border-radius:20px;width:100px;height:100px;">outset</div>
<br>