Rumah > Artikel > hujung hadapan web > Bagaimana untuk membuat garis jadual tidak kelihatan dalam html5
Bagaimana untuk membuat garis jadual tidak kelihatan dalam html5
- WBOYasal
- 2022-03-25 14:05:512705semak imbas
方法：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视频教程》
Atas ialah kandungan terperinci Bagaimana untuk membuat garis jadual tidak kelihatan dalam html5. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：Apakah perbezaan antara h5 dan html5Artikel seterusnya：Apakah perbezaan antara h5 dan html5