滤镜黑白图片

来源：互联网发布：linux ln 删除编辑：程序博客网时间：2024/04/30 14:45

.s1{    color: green;    font-size: 30px;    font-style: italic;    text-decoration: underline;    /*italic 斜体    underline下划线*/}/*伪类*/a:link img{    /*link 是默认的意思*/    /*a默认为黑白色*/    /*-webkit- 为指定浏览器的前缀。*/    -webkit-filter: grayscale(100%);    filter:grayscale(100%);}a:hover img{    /*当鼠标悬停在图片上的时候，则显示为彩色*/    /*hover悬停的意思*/    /*滤镜，把所有图片改成黑白色！ filter与webkit同时使用*/    /*grayscale是黑白色*/    filter:grayscale(0%);}
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title>    <link rel="stylesheet" href="day2.css"></head><body><!--span通常用于存放小块内容--><!--css 使用的基本语法，选择器{--><!--属性1：属性值--><!--属性2：属性值--><!--}-->1,类选择器 .class2,id选择器 #id3,html元素选择器4,通配符选择器css 文件可以使用在各种文件(php,html.jsp.asp等!)<a href="3"><img src="imge/pic2.jpg" alt=""></a><a href="4"><img src="imge/pic3.jpg" alt=""></a><a href="5"><img src="imge/pic4.jpg" alt=""></a><a href="6"><img src="imge/pic5.jpg" alt=""></a></body></html>

阅读全文

0 0

滤镜 黑白图片

滤镜黑白图片