Home > Web Front-end > Front-end Q&A > How to make table lines invisible in html5

How to make table lines invisible in html5

WBOY
Release: 2022-03-25 14:05:51
Original
2727 people have browsed it

方法:1、利用“border-style”和style属性,语法为“

”;2、可直接不给table标签设置border属性,语法为“
表格内容
”。

How to make table lines invisible in html5

本教程操作环境: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>
Copy after login

输出结果:

How to make table lines invisible in html5

方法二:

不给table元素设置border属性

示例如下:

<html>
<body>
<table>
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
</table>
</body>
</html>
Copy after login

输出结果:

How to make table lines invisible in html5

推荐教程:《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!

Related labels:
source:php.cn
Statement of this Website
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
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template