본문 바로가기
뉴렉처 과정 기록 (Frontend)/HTML _ CSS

04/09 HTML/CSS 테이블스타일링 마무리

by yeonee3219 2021. 4. 9.

 

 

css부분 너무 장황해 -> 정리 좀하고..

위는 초기화해주는 것만 놓아 정리 , common style아래는 공통 스타일(기본 값 base)적용하는 것들을 모음 / 다른 것들도 마찬가지로

 

 

 

 

 

 

테이블만드는 부분 마무리 해보자

 

이자리에 구분자가 들어가야 한다

 

 

 

구분자 사진 넣어주고 왼쪽 중간에 넣어주고... 가장 왼쪽 친구는 적용되지 않도록 하는 코드

 

 

 

 

 

 

 

 

 

이제 (표 아래)이부분 스타일링

 

 

 

 

 

 

class이름 지정해주고 ... 이친구는 가장 오른쪽에 배치해주어야 한다

 

   오른쪽에 정렬하는 방법은 다양하다

세 가지 방법 다 같은 결과