Is there a way to make the box-shadow not affect the adjacent td?

  Kiến thức lập trình

here is my html/css code:

<style>
td{
  padding:30px;
  box-shadow: 0 0 5px 5px lightgray;
}
</style>
<table>
  <tr>
    <td>1</td><td>2</td>
  </tr>
  <tr>
    <td>3</td>
  </tr>  
</table>

this produces the the folowing output

enter image description here

my question is: is there a way to make the box-shadow not affect the adjacent td?

here is the required output:

enter image description here

LEAVE A COMMENT