How to Remove an Image with a Hyperlink Border on CSS

In Web programming, you may use images as the hyperlink in anchor tags. By default, browsers place a border around an image when you use it in a hyperlink. You may remove the border by defining a property in a cascading style sheet that changes the border style for anchor images, setting the border value to zero pixels. By defining a property in this way, it only affects hyperlinks that use images in place of the link text and not any other hyperlinks.

Instructions

    • 1

      Open your CSS file.

    • 2

      Type the following:

      a img { border: 0px; }

      The border value changes the default border size to zero pixels, effectively erasing it.

    • 3

      Save the CSS file and upload it to your Web server.

Related Searches:

References

Comments

You May Also Like

Related Ads

Featured