Home >Web Front-end >HTML Tutorial >How to hide table borders/separators between cells_HTML/Xhtml_Web page production

How to hide table borders/separators between cells_HTML/Xhtml_Web page production

WBOY
WBOYOriginal
2016-05-16 16:41:482549browse

Show only the top border


Show only the bottom border

Show only the left and right borders

Show only the top and bottom borders

Show only the left border

Only display the right border

Do not display any border



The trick to display and hide table cell dividers lies in rules, in the
tag there are rules. It has three parameters (cols, rows, none). When rules=cols, the table will hide the vertical separators, so that we can only see the rows of the table; when rules=rows, the horizontal separators will be hidden. , so that we can only see the columns of the table; when rules=none, both the vertical and horizontal separators will be hidden.
Remove vertical dividers

Remove horizontal dividers

Remove vertical dividers and horizontal dividers
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