초보자의 참고 및 학습용일 뿐입니다. 누구나 더 많은 구현 방법을 제안할 수 있습니다. 🎜> 테이블 대각선 시뮬레이션 <br>*{padding :0; 여백:0;} 캡션{font-size:14px;font-weight:bold;} <br>테이블{ border-collapse:collapse;border:1px #525152 solid;width:50%;margin:0 auto ;margin- 상단:100px;} <br>번째,td{테두리:1px #525152 solid;text-align:center;font-size:12px;line-height:30px;배경:#C6C7C6;} <br>번째 {배경: #D6D3D6;} /*대각선 시뮬레이션*/<br>.out{ border-top:40px #D6D3D6 solid;/*상단 테두리의 너비는 테이블의 첫 번째 행 높이와 같습니다*/<br>width:0px ;/*컨테이너 너비를 0으로 설정*/ <br>height:0px;/*컨테이너 높이를 0으로 설정*/ <br>border-left:80px #BDBABD solid;/*왼쪽 테두리 너비 테이블의 첫 번째 행과 같습니다. 그리드 너비*/ <br>position:relative;/*내부의 두 하위 컨테이너를 절대 위치로 만듭니다*/ } <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{배경: #BDBABD;} <br></head> <br><body> <br><caption> ;div+css를 사용하여 테이블 대각선 </caption> <br><tr><th style="width:80px;"> <b>카테고리</b> ; <em>이름 <br>번째> <br>번째><br>번째> 클래스<br><br>클래스 평균<br> ="t1">장산 <br><td>삼</td> <br><td>2</td> <br></td> tr><br><td class="t1">lee思</td> <br> <td>3</td> ;48</td> <td>67</td> ><tr> <br><td class="t1">王五</td> /td> <br> <td>79</td> <br> <br> td class="t1"> 자오 류<td>三</td> <td>89</td> ; </tr> <br></table> <br></body> <br></html><br><br> 위는 HTML과 CSS: 테이블의 대각선 내용 시뮬레이션 관련 기사를 더 보려면 PHP 중국어 웹사이트(www.php.cn)를 주목하세요! <br><br><br><br></em></p>
