title: Difference between border ridge and groove styles
body: <p>I want to know the <strong>difference</strong> <strong>between</strong> border styles- <strong>ridge and groove</strong>. When i used them, i was not able to spot the difference between the two. I cannot upload the image since i have not reached level 10 to make it more clear. Here's the code:</p>
  
  <pre><code>border-style: groove ridge dashed groove;
  </code></pre>