html - Table cells are not separated -

I created a table in HTML when I took a look at the page, I saw that cells are no different. I could not find a solution on Google like this:

Here's the code I used:

  & lt; Table style = "margin-top: 50px; range: 2px solid red, border-fall: collapse;" & Gt; & Lt; TR & gt; & Lt; TD & gt; Trial & lt; / TD & gt; & Lt; TD & gt; Trial & lt; / TD & gt; & Lt; / TR & gt; & Lt; TR & gt; & Lt; TD & gt; Trial & lt; / TD & gt; & Lt; TD & gt; Trial & lt; / TD & gt; & Lt; / TR & gt; & Lt; / Table & gt;    
 
 
 add  padding  and  boundaries   tr  and  td  for elements.  
  
  td {padding: 10px; Border-right: 1px solid orange;} tr (border-bottom: 1px solid blue)