How to remove image border with css

How to remove the image border in css: 1. Use the border attribute in css to set and remove the img border; 2. Remove the image border through "img:not([src]){opacity:0;}".

The operating environment of this article: Windows7 system, HTML5&&CSS3 version, Dell G3 computer.

css remove img border

1. The border attribute of the tag specifies the width of the border around the image, which means you can increase or remove the border of the image. You can also use the border attribute in css to set it.

border="0"  // html属性
border: none; // css属性

Note: By default, images have no borders, so they do not need to be removed. (Unless the image is inside an a element).

Browsers usually display images representing hyperlinks (such as those contained in tags) within a two-pixel wide border to indicate that readers can access the related content by selecting the image. linked documents.

2. When img does not receive the src attribute, a border will automatically appear. If border:0/none does not work, the solution is:

img[src=""],
img:not([src]){
    opacity:0;
}

[Recommended learning: css video tutorial】

The above is the detailed content of How to remove image border with css. For more information, please follow other related articles on the PHP Chinese website!