CSS 말풍선 그리기 (기본편)

SHARE

의외로 말풍선을 필요로 하는 분들이 꽤 되셔서 간단하게 복붙해서 사용하실 수 있도록 기본편을 준비했습니다. 비슷한 종류의 네가지 말풍선을 소개합니다.
※ 편의상 모든 CSS에는 벤더 프리픽스를 기입하지 않았습니다.
※ 각 수치는 각자의 상황에 따라 맞추시길 바랍니다.

기본이 되는 HTML소스

HTML소스는 무척 간단합니다.

사각 테두리의 일반적인 말풍선

css

사각 테두리의 일반적인 말풍선(테두리)

css

만화적인 말풍선

css

테두리가 곡선으로 된 말풍선

css

스폰서 링크

댓글