CSS(5) table공부방2022. 11. 13. 10:10
Table of Contents
728x90
728x90
테이블 관련 속성
1. border
- 일반적으로 테이블에 border테두리를 적용하면 두 줄로 보이며 테이블에 선이 두 줄로 보이는 이유는 th, td태그가
각각 자신만의 테두리를 가지고 있기 때문이다
2. border-collaspe
- 해당 테이블의 테두리를 한 줄로만 표현
3. border-spacing
- 테이블 요소간의 여백 설정
4. empty-cells
- 빈 셀들의 테두리나 배경색 표현여부
기본 요소 | <table> <tr> <th>이름</th> <th>성별</th> <th>기타</th> </tr> <tr> <td>김김김</td> <td>남자</td> <td>바보</td> </tr> <tr> <td>이이이</td> <td>여자</td> <td>천재</td> </tr> </table> |
border-collaspe 미적용 시 | |
border-collaspe 적용 시 border-collapse: collapse;
|
728x90
300x250
@mag1c :: 꾸준히 재밌게
2023.04 ~ 백엔드 개발자의 기록
포스팅이 좋았다면 "좋아요❤️" 또는 "구독👍🏻" 해주세요!