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 <a href=""></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 <IMG>.For example:
<A HREF="jak58.html"><IMG SRC="pic1.gif" ALT="My picture." BORDER="0"></A>
CSS solution
In the stylesheet, define the code below:a img
{
border: none;
}
Foto: © Unsplash
Related
- Remove image border html
- Html remove image border - Best answers
- Remove border from image link css - Best answers
- Quickly Remove Image Backgrounds on Photoshop - How-To - Photoshop
- Remove images chrome extension - How-To - Google Chrome
- How to remove image with VB? ✓ - Forum - Excel
- Remove image properties ✓ - Forum - Windows 7
- HTML - Remove border around image - How-To - Programming
This document, titled « Remove the border on an image in a link in HTML / CSS », is available under the Creative Commons license. Any copy, reuse, or modification of the content should be sufficiently credited to CCM (ccm.net).
1 Comment
Report
Anonymous User
This worked for me, thanks!
