Maison > Article > interface Web > Comment rendre les lignes de tableau invisibles en HTML5
Comment rendre les lignes de tableau invisibles en HTML5
- WBOYoriginal
- 2022-03-25 14:05:512635parcourir
方法：1、利用“border-style”和style属性，语法为“
”；2、可直接不给table标签设置border属性，语法为“
表格内容
”。
本教程操作环境：windows10系统、HTML5版、Dell G3电脑。
html5怎么让表格线看不见
方法一：
利用border-style属性，border-style属性设置一个元素的四个边框的样式。此属性可以有一到四个值。
示例如下：
<html> <head> <meta charset="utf-8"> <title>123</title> </head> <body> <table style="border-style:none;"> <tr> <td >Cell A</td> <td>Cell B</td> </tr> <tr> <td>Cell c</td> <td>Cell d</td> </tr> </table> </body> </html>输出结果：
方法二：
不给table元素设置border属性
示例如下：
<html> <body> <table> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100</td> </tr> </table> </body> </html>输出结果：
推荐教程：《html视频教程》
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!
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Quelle est la différence entre h5 et html5Article suivant：Quelle est la différence entre h5 et html5