Remove the border on an image in a link in HTML / CSS

HTML is the language most used to build web pages. It provides a lot of flexibility in building interactive and dynamic web pages. For example, you can use an image as a clicking button for a particular link. The problem is that the browser displays a border around this image. To remove the border in HTML/CSS, you need to change the required attributes. In this case you will have to set the attribute of the border as zero.

Remove the border of a clickable image

You made a clickable image by using the IMG tag within a link and the browser displays a frame or more precisely a border around the image.

There are two ways to deleting this border:

HTML solution

Use the attribute BORDER = "0" in the tag

For example:

CSS solution

In the stylesheet, define the code below:

a img { border: none; }

Foto: © Unsplash