표 위로 마우스를 이동하여 셀 테두리 색상을 변경하는 방법

테이블은 border-collapse를 정의합니다:collapse; 테두리가 단일 테두리로 병합됩니다. border-spacing 및 empty-cells 속성은 무시됩니다.

td:hover를 사용하면 표시가 불완전합니다

오래 검색했는데 좋은 방법이 없어서 왼쪽이 오른쪽 테두리도 완벽하지 않습니다.

그래서 절대 위치 지정으로 위로 이동시킨 후 의사 요소를 추가하려고 생각했습니다.

정의 및 사용법

:after pseudo-element는 요소 뒤에 콘텐츠를 추가합니다.

이 의사 요소를 사용하면 제작자가 생성된 콘텐츠를 요소 콘텐츠 끝에 삽입할 수 있습니다. 기본적으로 이 의사 요소는 인라인이지만 display 속성을 ​​사용하여 변경할 수 있습니다.

참고: Internet Explorer 8(이상)은 !DOCTYPE이 지정된 경우 콘텐츠 속성을 지원합니다.

아아앙

디스플레이:

알림:

1. 행 병합은 간단하며 높이를 추가할 필요가 없습니다.

위 내용은 표 위로 마우스를 이동하여 셀 테두리 색상을 변경하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!