html, css - 말풍선(네모, 동그라미) 만들기

이번 글에서는 html, css를 사용해 말풍선을 만들어보겠습니다.

 

코드는 아래 code pen의 html & css탭을 누르시면 볼 수 있고,

 

소스를 바꾸고 오른쪽 하단의 rerun버튼을 누르면 바뀐 소스의 결과를 바로 볼 수 있습니다.

 

1. 네모난 말풍선

 

See the Pen balloon by cho910904 (@cho910904) on CodePen.

 

2. 동그란 말풍선

 

 

See the Pen Untitled by cho910904 (@cho910904) on CodePen.