UXUI 웹디자인 과정/예제코드 모음

2주차_예제코드 모음

See the Pen 210111_margin_padding_span by seung-gu shin (@nine_floor) on CodePen.

마진, 패딩의 활용 및 span, border-radius 활용

See the Pen 210113_review1 by seung-gu shin (@nine_floor) on CodePen.

지금까지 배워온 것 리뷰 및 웹디기능사 실기 와이어프레임1

See the Pen 210113_review2 by seung-gu shin (@nine_floor) on CodePen.

지금까지 배워온 것 리뷰 및 웹디기능사 실기 와이어프레임2

 


 

See the Pen 210114_position1 by seung-gu shin (@nine_floor) on CodePen.

position 기본 속성 알기

 

See the Pen 210114_position2 by seung-gu shin (@nine_floor) on CodePen.

position 활용 예제1

 

See the Pen 210114_position3 by seung-gu shin (@nine_floor) on CodePen.

position 활용 예제2

 

See the Pen 210114_position4 by seung-gu shin (@nine_floor) on CodePen.

position 활용 예제3

 


 

See the Pen 210115_border, line-height, hover by seung-gu shin (@nine_floor) on CodePen.

border, line-height, hover 예제

 

See the Pen 210115_gradient by seung-gu shin (@nine_floor) on CodePen.

gradient 예제

 

See the Pen 210115_tri by seung-gu shin (@nine_floor) on CodePen.

CSS로 삼각형 만들기 예제

 

See the Pen 210115_font-awesome by seung-gu shin (@nine_floor) on CodePen.

font-awesome 연결 및 사용법 예제