Home >Web Front-end >Front-end Q&A >How to make table lines invisible in html5
How to make table lines invisible in html5
- WBOYOriginal
- 2022-03-25 14:05:512747browse
方法：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视频教程》
The above is the detailed content of How to make table lines invisible in html5. For more information, please follow other related articles on the PHP Chinese website!
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：What is the difference between h5 and html5Next article：What is the difference between h5 and html5