How to change the cell border color by moving the mouse over the table

The table definesborder-collapse:collapse; The borders will be merged into a single border. Theborder-spacingandempty-cellsproperties are ignored.

Use td:hover, incomplete display

After searching for a long time, I didn’t find a good method, and using left and right borders is not perfect either.

So I was thinking about adding a pseudo element after when moving it up, with absolute positioning.

Definition and usage

:after pseudo-element adds content after the element.

This pseudo-element allows creators to insert generated content at the end of the element's content. By default, this pseudo-element is inline, but this can be changed using the attributedisplay.

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

nbsp;html> 
 

Display:

Reminder:

1. I didn’t merge columns when I started doing it. Merging rows is simpler and you don’t need to add height.

The above is the detailed content of How to change the cell border color by moving the mouse over the table. For more information, please follow other related articles on the PHP Chinese website!