Maison > Article > interface Web > Pourquoi border-spacing: 10px; in table ne fonctionne-t-il pas ?
J'utilise une feuille de style : table { border-collapse: séparée; border-spacing: 10px; border:1px solid #000000 }, je veux tableLes cellules sont séparées, mais pourquoi le paramètre d'espacement des bordures ne fonctionne-t-il pas ? Veuillez me donner quelques conseils
Je souhaite simplement utiliser CSS pour obtenir l'effet suivant, mais l'espacement des bordures : 10px ne fonctionne pas ; work
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>无标题文档</title> </head> <body> <table width="400" border="1" cellpadding="0" cellspacing="4" bordercolor="#000000"> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> </table> </body> </html>
Je veux juste utiliser CSS pour obtenir l'effet ci-dessus. Je ne sais pas comment utiliser CSS pour obtenir l'effet de cellpacing="4" défini en HTML. : 10px; mais ça n'a pas fonctionné ; S'il vous plaît, donnez-moi quelques conseils
ie+ff
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>无标题文档</title> <style type="text/css"> table.tt{border-spacing:10px;} </style> <!--[if IE]> <style type="text/css"> table.tt{sheneyan:expression(this.cellSpacing="10");} </style> <![endif]--> </head> <body> <table width="400" border="1" cellpadding="0" bordercolor="#000000" class="tt"> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> </table> </body> </html>
ne prend pas en charge
mais pourquoi abandonner une si bonne fonction intégrée comme un tableau.
Utilisez CSS pour compliquer le tableau. .
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!