HTML 및 Bootstrap 5를 사용하여 테이블의 행 사이에 공간 만들기

Question

현재 내 콘텐츠가 포함된 테이블이 있는데 다음과 같습니다. 각 행 사이에 공간을 두어 명확하게 구분되어 이렇게 보이도록 하고 싶습니다

td 요소에는 패딩을, tr 요소에는 테두리 간격을 사용해 보았습니다. 부트스트랩 5에서 이를 수행하는 가장 쉬운 방법은 무엇입니까? 아래는 내 HTML과 CSS입니다

으아악 으아악

Answer 1

모든 것이 흰색이어서 행 사이에 공간이 있는지 확인하기 어려운 점만 제외하면 대부분의 문제를 해결한 것 같습니다. 행에 약간의 상자 그림자를 추가했습니다. 여기서 부트스트랩을 어떻게 사용하고 있는지 잘 모르겠지만 부트스트랩 스타일을 재정의하려는 경우에도 비슷할 것 같습니다

으아아아 으아아아