CSS의 :after 연산자와 :before 연산자를 이용하여 이미지 없이 CSS만으로 말풍선을 만들 수 있습니다.

머리로 기억하고 직접 코딩하기엔 복잡하기 때문에 해당 코드를 자동으로 만들어주는 사이트를 이용하면 쉽게 만들 수 있습니다.

 http://www.cssarrowplease.com

위의 사이트에서 원하는 형태로 말풍선을 만들면, CSS 코드로 자동으로 변환하여 줍니다.

첨부파일

• (566.07KB)cssarrowplease.png