Maison > Article > interface Web > Comment fusionner des cellules en CSS
Comment fusionner des cellules en CSS : créez d'abord un exemple de fichier HTML ; puis fusionnez les colonnes en définissant colspan ; enfin fusionnez les lignes en définissant rowspan.
Recommandé : "Tutoriel vidéo CSS"
Cellules fusionnées de table CSS
colspan est une colonne fusionnée et rowspan est une ligne fusionnée, telle que rowspan="2", sa ligne suivante tr aura une colonne de moins lors de la fusion de colonnes colspan="2", les colonnes de cette ligne sera Il y aura une colonne de moins
<table border="1" style={{margin:200}}> <tbody> <tr> <th colspan="2">我是占位符</th> <th colspan="2">我是占位符</th> </tr> <tr> <th rowspan="2">我是占位符</th> <th>我是占位符</th> <th>我是占位符</th> <th>我是占位符</th> </tr> <tr> <th>我是占位符</th> <th>我是占位符</th> <th>我是占位符</th> </tr> </tbody> </table>
Effet
en-tête de barre oblique CSS3
<td > <div class="biaoTou"> </div> </td> .biaoTou { border-top: 200px #199fff solid; /*上边框宽度等于表格第一行行高*/ border-left: 200px #ff8838 solid; /*左边框宽度等于表格第一行第一格宽度*/ }
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!