HTML Table borders | 테이블표 서식 꾸미기

• 위와 같은, table border를 만들려면, CSS를 사용하면 된다.
• table, th, td 요소에 CSS의 border 특성을 추가해주면 된다.

 

---

• 한줄 짜리 테이블 border를 만들고 싶다면,
• 위와 같은 CSS의 border 코드 작성 후
• border-collapse 에 value 값을 collapse 준 코드를 하나 더 짜면 된다.

---

• 테이블 표 cell 란에 색상을 넣어줄 수도 있다.

---

• 테이블 표의 색상을 지정해주고 싶다면,
• border-color 특성을 이용해서 색상을 지정해 줄 수 있다.

 

---

• 테이블표에, shape 을 둥글게 주고 싶다면,
• border-radius 특성을 이용하면 된다.

​

• 바깥 테두리의 테이블 박스를 걷어내고 싶으면,
• table 을 걷어내고, th, td 로만 감싸주면 된다.

---

 

• 다음과 같이, 테이블표 스타일에도 여러가지 효과를 줄 수가 있다.
• CSS의 border-style 특성을 사용한다.

 

---