CSS를 사용하여 테이블 테두리 + BorderColordark + BorderColorlight의 경계 광 및 어두운 효과를 달성하는 방법을 요약했습니다. 그런 다음 네티즌은 왜 비슷한 CSS 스타일을 썼는지 물었지만, 그는 오페라 아래에서 테이블의 경계 효과 만 볼 수 있었고 IE 아래에 아무것도 없었습니다.
나는 Opera9를 벗어나서 그것이 사실이라는 것을 보았다. 그 이유는 복잡하지 않습니다. IE (Firefox는 IE와 일치하는 것처럼 보이기 때문에), TD의 내용이 비어 있으면 높이와 너비를 설정 하더라도이 셀의 테두리 스타일은 표시되지 않습니다. 오페라는 콘텐츠가 있는지 여부에 관계없이 스타일을 사용하여 렌더링합니다. 이 질문은 내가 졸업했을 때 발생했습니다. 부서장은 그 당시 나에게 물어 보러 왔고 나중에 나는 그에게 말했다. 앞으로이 문제가 발생할 때 마다이 간단하고 조잡하고 효과적인 방법을 사용하여 해결할 것입니다.
그러나 오늘 나는 그것을 몇 번 공부하기 위해 최선을 다했으며, Jiarry에서 CSS 구문이 이러한 기본 행동을 변경할 수 있다는 것을 알았습니다. Border-Collapse 사용 : Collapse; 빈 셀 : 쇼; 사라지는 테두리가 나타납니다.
class = test1 : Border-Collapse 추가 : 붕괴;
.Test1 {
국경 : 1px Solid #999999;
국경-콜라스 : 붕괴;
너비 : 60%
}
.TEST1 TD {
국경-바닥 : 1px 고체 #999999;
높이 : 28px;
왼쪽 패딩 : 6px;
}
Class1 여기에는 내용이 있습니다
여기에 콘텐츠가 있습니다
클래스 = test2 : Border-Collapse 추가 : 붕괴; 빈 셀 : 쇼;
.Test2 {
국경 : 1px 솔리드 블랙;
국경-콜라스 : 붕괴;
너비 : 60%
}
.Test2 TD {
국경 바닥 : 1px 솔리드 블랙;
높이 : 28px;
왼쪽 패딩 : 6px;
빈 셀 : 쇼;
}
Class2에는 여기에 콘텐츠가 있습니다
여기에 콘텐츠가 있습니다
클래스 = test3 : 경계 콜랩이 없음 : 붕괴; 빈 셀 : 쇼;
.Test3 {
국경 : 1px Solid #999999;
너비 : 60%
}
.Test3 td {
국경-바닥 : 1px 고체 #999999;
높이 : 28px;
왼쪽 패딩 : 6px;
}
Class3에는 여기에 컨텐츠가 있습니다
여기에 콘텐츠가 있습니다