(CSS) table 표 만들기 (2019/11/3)
개발노트/CSS2019. 11. 3. 13:27(CSS) table 표 만들기 (2019/11/3)

-HTML 1 2 3 1 2 3 table 표의 최상위 부모는 table태그이다. talbe태그 안에 tr태그와 td태그를 넣는다. tr 가로줄을 의미한다. 위 코드에는 tr이 2개가 있으니 가로줄 2줄이 생긴다. td 세로줄을 의미한다. 각 tr에 td가 3개가 있으니 가로줄(tr)에 3개의 칸(td)이 생긴다. html로 구조는 잡았으나 아직 css로 border를 넣지않아 표의 모습은 아니다. -CSS table{ border-collapse: collapse; } tr, td{ width: 100px; height: 100px; border: 1px solid black; } border-collapse: collapse table에 border-collapes: collapse를 하지 않으면 t..

image