img过滤器

性格基因

于 2011-12-25 00:10:27 发布

阅读量334

点赞数

CC 4.0 BY-SA版权

分类专栏： css 文章标签： img过滤器

本文链接：https://blog.youkuaiyun.com/sunweiming9/article/details/84119857

css 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了HTML中img标签的基本用法，包括样式设置、链接跳转和关键属性的运用，通过实例展示了如何利用CSS为图片添加灰度效果，并在鼠标悬停时恢复原貌，同时介绍了关键词设置和字符集编码的优化。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
  <head>
    <title>imgfilter.html</title>

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    
    <meta http-equiv="description" content="this is my page">
    
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

    
    <style type="text/css">
       a:link img{
         filter:gray;
       }
       a:hover img{
         filter:"";
       }
    </style>
  </head>

  <body>
    <a href="#"><<img alt="出事了" src="images/1.jpg" width="1300px"/></a><br/>
    <a href="#"><img alt="出事了" src="images/2.jpg"/></a><br/>
  </body>
</html>