Css – How to use an image for a border in CSS


I want to set the border of a table to be "1px solid black" except on the bottom, where I want to use an image which provides a pointer into the link – as a visual aid.

Is it possible to set an image as the bottom border when the other borders are regular css.

Best Solution

Try putting the table inside <div class="myTableContainer"></div> and then:

  padding-bottom: 1px;
  background: url(myBorderImage.png) bottom left;

This should work well across all browsers.