CSS-text상자 테두리를 둥근모서리로 만들기

 

 

 

 

 

둥근 모서리는 테두리선과 관련이 있습니다. 이는 CSS언어의 가장 최신 버전인 CSS3에 추가되었습니다. 모서리를 둥글게 하려면 보더레이디어스를 사용합니다. CSS에 보더를 아래 스타일로 바꿉니다. 

 

 

 border-radius: 10px;

 

 

 

 

 

 

     텍스트박스를 만들면 모서리가 이렇게 둥그렇게 나타나는 결과를 보여줍니다

 

 

 

 

 

이제 둥근 모서리를 가진 사각형이 보입니다. 보더레이디어스 값은 대체로 5~10픽셀이 적합한 값입니다.