CSS 삼각형, 원 그리기

CSS 도형의 장점

1. 이미지 파일보다 용량이 줄어들기 때문에 웹페이지 로딩 속도 개선에 도움을 줄 수 있습니다.

2. width, height 등 속성값 변경을 통해 자유롭게 크기 조절이 가능합니다.

 

실무 활용 예시

• 말풍선

• 불릿

 

삼각형, 원 그리는 방법

CSS로 평행사변형, 사다리꼴, 육각형별 등 다양한 도형을 그릴 수 있지만, 활용도가 높은 삼각형과 원을 그리는 방법에 대해 알아봅시다.

See the Pen CSS 도형 by wisesilver (@wisesilver) on CodePen.