Move the table cursor to change the cell border color ., Table Cell

Move the table cursor to change the cell border color ., Table Cell

Table definedBorder-collapse: collapse; the border is merged into a single border. The border-spacing and empty-cells attributes are ignored.

Use td: hover to display incomplete

After searching for a long time, no good method was found, and the left and right borders were not perfect.

So I was thinking, adding a pseudo element after when moving it up, and positioning it absolutely.

Definition and usage

: After: add content after the element.

This pseudo element allows the Creator to insert the generated content at the end of the element content. By default, this pseudo element is a row element, but you can use the property display to change this.

Note:If specified! DOCTYPE, Internet Explorer 8 (and later) supports the content attribute.

<! DOCTYPE html> 
Display:

Reminder:
1. columns are not merged at the beginning. The height of the simple points of the merged rows is not required.