css 代码如何对img标签中指定格式(png)的图片进行样式设置呢?


摘要:
下文讲述使用css代码对指定引用格式的图片进行样式设置的方法分享,如下所示:

实现思路:  
    如对后缀名为jpg的图片设置为隐藏
   img[src$=".jpg"] { 
      display: none;  
    }
   
注意事项:
    此方法只可运行在html5的浏览器中

例:
设置img中png图片为隐藏状态

<meta charset="UTF-8">
<p>
  maomao365.com<br />
设置img标签中后缀名为png的图片的
  css属性 display为none 
</p>
<hr />
<style>
img[src$=".png"] { 
  display: none; 
}
</style>
gif:
<br />
<img src="http://www.maomao365.com/wp-content/uploads/2020/06/css_实现一个心跳效果_18083.gif" 
 style="width:100px;height:100px;" />;
<br />
png:
<br />
<img src="http://www.maomao365.com/wp-content/uploads/2020/01/css_bg.png"  
style="width:100px;height:100px;" />;
css对png格式的图片隐藏实现方法

css对png格式的图片隐藏实现方法