반응형
안녕하세요. 오늘은 간단하게 css로 삼각형 도형을 그리는 방법을 알려드리겠습니다.
기본적으로 css3에서는 사각형, 원형만 가능하지만 border값을 이용하여 삼각형 도형도 그릴 수 있습니다!
잘 사용하진 않지만 알고 있으면 유용한 css입니다.
삼각형의 가장 높은 부분 좌우측을 투명 처리하여 만드는 삼각형 css입니다! 삼각형의 모양을 바꾸고 싶다면 border의 height를 조절해주면 됩니다 ^^
반응형
'Web > CSS' 카테고리의 다른 글
| [CSS] 리셋 css 파일 / reset css (0) | 2019.10.31 |
|---|---|
| [CSS] print css, html 프린트 인쇄 화면 개선 (0) | 2019.10.30 |
| [CSS] CSS를 사용하여 select box 디자인하기 (0) | 2019.09.21 |
| [HTML/CSS] 테이블(표)에 스크롤 생성하기 (0) | 2019.09.19 |
| [CSS] 구글 웹폰트 사용하는 방법 (0) | 2019.08.28 |