How to add a projection to a < tr > element

in a multi-row table, the mouse is required to display the shadow in the current row, and the shadow is projected down (box-shadow:-sharpdedcdc 1px 1px 2px;)
but because of the tight relationship between tr and tr, the projection below can only be seen when the mouse is over the last line of tr. In other cases, the projection of the side cannot be displayed normally
. Is there any way to make some space between the two tr elements to facilitate the display of shadows?

Css
Mar.25,2021

https://x.threatbook.cn/nodev.
the table line shadow of this website to see if it meets the requirements


you can write a div, in td to set the padding, border and the shadow is set on the div. Do not set the tr's own border. In this way, you can achieve the seemingly distance between tr and the shadow style you want to add

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-7b70c7-165fb.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-7b70c7-165fb.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?