CSS : TABLE 태그 사용에 유용한 CSS

오늘은 HTML 중 TABLE에 적용 가능한 CSS를 알아보자 

 

HTML 중 HEAD부분에 아래의 CSS 추가하자

 

TABLE 사용할 때 유용한 CSS이다.

 

선의 두께는 border의 1px값을 3px로 변경하면 된다. 

테이블 칸의 크기 조절은 th,td 에 height와 width의 값을 변경하면 원하는 크기의 테이블이 생성된다. 

일단 아래 style값을 추가하여 적용해보자 

 

<style>
table {
  border-collapse: collapse;
}

table, th, td {
  border: 1px solid black;
}
th, td{
height : 25px;
text-align : center;
}
</style>