CSS 표 적용하기

CSS를 적용하여 표를 만드는 방법은 

앞의 기본적인 방법들로 표를 대부분 꾸밀 수 있어 

간단한 설명은 생략하고

 

반응형 테이블에 대해 설명을 하겠다.

 

overflow-x:auto 값을 <div> 태그의 sytle 속성에 추가한다.

<div style="overflow-x:auto;">

<table>
... table content ...
</table>

</div>

테이블 콘텐츠를 넣어주고  div 스타일을 적용하면

브라우저 가로 축소시 가로 스크롤이 생긴다.