Es dient nur als Referenz und zum Lernen für Anfänger. Jeder ist herzlich eingeladen, weitere Implementierungsmethoden vorzuschlagen. 🎜> Tabellendiagonale simulieren <br>*{padding :0; margin:0;} caption{font-size:14px;font-weight:bold;} <br>table{ border-collapse:collapse;border:1px #525152 solid;width:50%;margin:0 auto ;margin- top:100px;} <br>th,td{border:1px #525152 solid;text-align:center;font-size:12px;line-height:30px;background:#C6C7C6;} <br>th {background: #D6D3D6;} /*Diagonale Linie simulieren*/<br>.out{ border-top:40px #D6D3D6 solid;/*Die Breite des oberen Randes entspricht der Höhe der ersten Zeile der Tabelle*/<br>width:0px ;/*Die Containerbreite sei 0*/ <br>height:0px;/*Die Containerhöhe sei 0*/ <br>border-left:80px #BDBABD solid;/*Die linke Randbreite ist gleich der ersten Zeile der Tabelle Gitterbreite*/ <br>position:relative;/*Machen Sie die beiden Untercontainer darin absolut positioniert*/ } <br>b{font-style:normal;display:block;position :absolute;top:-40px;left: -40px;width:35px;} <br>em{font-style:normal;display:block;position:absolute;top:-25px;left:-70px;width:55x ;} <br>.t1{background: #BDBABD;} <br></head> <br><table> ;Verwenden Sie div+css, um die Tabellendiagonale zu simulieren <br><tr><th style="width:80px;"> <b>Kategorie</b> <em>Name</th> Klasse</th>Klasse</th>Klassendurchschnitt</tr> <br><td><br><td>2</td> <br></tr> tr> <br><td class="t1">李思</td> ;48</td> <td>67<tr> /td> <td>5</td> <td>63</td> td class="t1"> Zhao Liu</td> <td>4</td> ; </tr> <br></table> <br></html><br><br> CSS: Simulation des diagonalen Inhalts einer Tabelle. Weitere verwandte Artikel finden Sie auf der chinesischen PHP-Website (m.sbmmt.com). <br><br><br><br></p>
