코드로 도형 만들기~


코드로 도형 만들기~

도형 : 기하학에서 다루는 모든 객체를 부르는 말이다. 보통 객체 그 자체를 말하거나 그것의 둘레 같은 경계 부분을 말하기도 한다.(네이버 나무위키 참고!) ex) 내 경우 코딩할 때 최소한의 이미지 사용한다. 이미지를 많이 사용하게 되면 많은 정보를 노출시켜야 하는 사이트를 만들 때 이미지가 벅벅 거리 때가 있기 때문이다. 원형을 코딩할 때는 border-radius 속성에 속성값을 '%' or 'px'를 주어서 원을 만드는 방법이 있다. 삼각형은 아래와 같이 컬러 값(#666666)과 투명 값(transparent)을 주어 을 만들 수 있다. border 스타일은 꼭!! solid 속성값을 줘야 한다. width: 0px; height: 0px; border-bottom: 360px solid #666666; border-left: 180px solid transparent; border-right: 180px solid transparent 삼각형 원형 외에는 위에 두 가지...


#circle #clip #ellipse #path #polygon #별모양 #삼각형 #원

원문링크 : 코드로 도형 만들기~