How to hide the border/separation line between cells in a table

How to hide the border/separation line between cells in a table
Only show the top border <table frame=above>
Only show the bottom border <table frame=below>
Only show left and right borders <table frame=vsides>
Only display the top and bottom borders <table frame=hsides>
Only show the left border <table frame=lhs>
Only show the right border <table frame=rhs>
Do not display any border <table frame=void>


The trick to displaying and hiding the table cell separators lies in the rules, which are contained in the <TABLE> tag. It has three parameters (cols, rows, none). When rules=cols, the table will hide the vertical separator lines so that we can only see the rows of the table; when rules=rows, the horizontal separator lines will be hidden so that we can only see the columns of the table; and when rules=none, both the vertical and horizontal separator lines will be hidden.
Remove vertical separator lines <table rules=cols>
Remove horizontal separator lines <table rules=rows>
Remove vertical and horizontal separators <table rules=none>

<<:  Detailed explanation of the usage of 5 different values ​​of CSS position

>>:  MySQL batch adding and storing method examples

Recommend

Basic implementation method of cross-component binding using v-model in Vue

Hello everyone, today we will talk about how to u...

In-depth understanding of this in JavaScript

In-depth understanding of this in Js JavaScript s...

Implementation of JavaScript downloading linked images and uploading them

Since we are going to upload pictures, the first ...

CSS3 realizes the mask barrage function

Recently I saw a barrage effect on B station call...

Five things a good user experience designer should do well (picture and text)

This article is translated from the blog Usability...

MySQL grouping queries and aggregate functions

Overview I believe we often encounter such scenar...

SVG button example code based on CSS animation

The specific code is as follows: <a href="...

CSS sample code with search navigation bar

This article shows you how to use CSS to create a...

In-depth understanding of the life cycle comparison between Vue2 and Vue3

Table of contents Cycle comparison usage Summariz...

MySQL 8.0.12 decompression version installation tutorial personal test!

Mysql8.0.12 decompression version installation me...

Summary of how to add root permissions to users in Linux

1. Add a user . First, use the adduser command to...

How to install Oracle on Windows Server 2016

1. Install Oracle There are too many Oracle insta...

Using front-end HTML+CSS+JS to develop a simple TODOLIST function (notepad)

Table of contents 1. Brief Introduction 2. Run sc...