ฉันได้สรุปวิธีการใช้ CSS เพื่อให้ได้แสงแดดและเอฟเฟกต์มืดของ Table Border + Bordercolordark + Bordercolorlight จากนั้นชาวเน็ตคนหนึ่งถามฉันว่าทำไมเขาถึงเขียนสไตล์ CSS ที่คล้ายกัน แต่เขาสามารถเห็นเอฟเฟกต์ชายแดนของตารางตามปกติภายใต้โอเปร่าและไม่มีอะไรภายใต้ IE
ฉันออกจาก Opera9 และเห็นว่ามันเป็นเช่นนั้น เหตุผลไม่ซับซ้อน: เนื่องจากภายใต้ IE (Firefox ดูเหมือนจะสอดคล้องกับ IE) หากเนื้อหาของ TD ว่างเปล่าแม้ว่าคุณจะตั้งค่าความสูงและความกว้างสไตล์ชายแดนของเซลล์นี้จะไม่ปรากฏขึ้น โอเปร่าจะใช้สไตล์ในการแสดงผลไม่ว่าจะมีเนื้อหาหรือไม่ก็ตาม คำถามนี้พบเมื่อฉันจบการศึกษา หัวหน้าแผนกมาถามฉันในเวลานั้นและต่อมาฉันก็บอกเขาว่า: เพิ่มลงใน TD ที่ว่างเปล่าทุกครั้ง ทุกครั้งที่ฉันพบปัญหานี้ในอนาคตฉันจะใช้วิธีง่ายๆนี้น้ำมันดิบและมีประสิทธิภาพในการแก้ปัญหานี้
แต่วันนี้ฉันพยายามอย่างเต็มที่ที่จะศึกษามันสองสามครั้งและจาก jiarry ฉันรู้ว่าไวยากรณ์ CSS ช่วยให้เราเปลี่ยนพฤติกรรมเริ่มต้นเหล่านี้: การใช้การล่มสลายของชายแดน: การล่มสลาย; และเซลล์เปล่า: แสดง; เพื่อให้ชายแดนที่หายไปปรากฏขึ้น
class = test1: เพิ่มการล่มสลายของชายแดน: การล่มสลาย;
.test1 {
ชายแดน: 1px Solid #999999;
การล่มสลายของชายแดน: การล่มสลาย;
ความกว้าง: 60%
-
.test1 td {
ขอบด้านล่าง: 1px Solid #999999;
ความสูง: 28px;
Padding-Left: 6px;
-
Class1 มีเนื้อหาที่นี่
มีเนื้อหาที่นี่
class = test2: เพิ่มการล่มสลายของชายแดน: การล่มสลาย; และเซลล์เปล่า: แสดง;
.test2 {
ชายแดน: 1px Solid Black;
การล่มสลายของชายแดน: การล่มสลาย;
ความกว้าง: 60%
-
.test2 td {
ขอบด้านล่าง: 1px Solid Black;
ความสูง: 28px;
Padding-Left: 6px;
เซลล์ว่างเปล่า: แสดง;
-
Class2 มีเนื้อหาที่นี่
มีเนื้อหาที่นี่
class = test3: ไม่มีการล่มสลายของชายแดน: การล่มสลาย; และเซลล์เปล่า: แสดง;
.test3 {
ชายแดน: 1px Solid #999999;
ความกว้าง: 60%
-
.test3 td {
ขอบด้านล่าง: 1px Solid #999999;
ความสูง: 28px;
Padding-Left: 6px;
-
Class3 มีเนื้อหาที่นี่
มีเนื้อหาที่นี่