Maison > Article > interface Web > Pourquoi border-spacing: 10px; in table ne fonctionne-t-il pas ?
Pourquoi border-spacing: 10px; in table ne fonctionne-t-il pas ?
- 黄舟original
- 2017-06-30 10:03:323364parcourir
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!