It is very usual to stumble upon many images on web pages. They make web pages more eye-catching. But, here is a point. Have you ever noticed the difference between an image with border and an image without border? The difference is loud and clear. Generally when we put borders around our images, they make the image look more appealing. They make the image stand out from the other content on the page. Using Cascading Style Sheets (CSS), you can set a custom border around anything on your web page. A border can be set to text, images or tables. It is a useful way to make available significance and visual notice to your page and at the same time, it does not add to loading time of web pages.

You can customize a border to suit your page’s color combinations, draw interests to a particular object and lay emphasis on critical points. You can set border attributes in your STYLE tag.