반응형
- 위와 같은, 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 특성을 사용한다.
반응형