이 글에서는 CSS에서 테이블을 사용하는 두 가지 방법(예제)을 소개합니다. 필요한 친구들이 참고할 수 있기를 바랍니다.
1. 일반 테이블 #
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>CSS 表格。</title> <style> table { width: 50%; border-collapse: collapse; /*border-collapse 属性设置是否将表格边框折叠为单一边框*/ } table, th, td { border: 1px solid blue; } th { height: 50px; background-color: green; color: white; } td { text-align: center; padding: 5px; /*表格内边距*/ } </style></head><body><table> <tr> <th>Firsetname</th> <th>Lastname</th> </tr> <tr> <td>jack1</td> <td>jack2</td> </tr> <tr> <td>jack3</td> <td>jack4</td> </tr> </table> </body> </html>
요약 HTML의 글꼴 속성
#🎜🎜 #html5 코드는 진행률 표시줄 기능을 어떻게 구현합니까? (예)
위 내용은 CSS에서 테이블을 사용하는 두 가지 방법(예)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!