这个是需要应用css的滤镜来实现的，但是只有IE浏览器支持。
创新互联公司主营察雅网站建设的网络公司,主营网站建设方案,重庆APP软件开发,察雅h5微信小程序定制开发搭建,察雅网站营销推广欢迎察雅等地区企业咨询
图片是一个层。在图片的层上再放一个层，给层设置背景色就好了。
= function(){ hide.style.display=blockhide.innerHTML=学院简介} } /script /div 把图片替换掉就OK了。 这样都不给分 下一次 再不回答了。置换图片路径 就行了 其它 div 名称不要变。
．首先，看一下HTML，一个img图像控件和一个带有样式的div，其中包含文本。这个就是蒙版遮罩层。2．然后，查看样式定义。先检查图像容器和图像样式，如图所示。
CSS如何实现图片灰色和原色切换：建议：尽可能的手写代码，可以有效的提高学习效率和深度。有些网站效果比较绚丽，就是当鼠标放在图片上的时候，图片可能会有灰色和原来色彩的切换。下面简单介绍一下如何实现此效果。
1、连接特性：更有效的连接工作效率，使得基于页面的实时聊天，更快速的网页游戏体验，更优化的在线交流得到了实现。HTML5拥有更有效的服务器推送技术，能实现服务器将数据“推送”到web app的功能。
2、HTML5新特性如下：脱机缓存。您可以在关闭浏览器并再次打开时还原数据，以减少网络流量。音频和视频可以自由嵌入，多媒体形式更加灵活。地理位置。
3、用户至上 HTML5遵循“用户至上”的原则，在出现具体问题时，会把用户放在第一位，其次是开发者，然后是浏览器厂商，最后才是规范制定者。比如，开发者在编码时不严谨导致本该出现警告或错误时，却正常显示了页面。
4、使用HTML5，代码更安全安全。众所周知Web应用有一个很大的问题就是代码安全的问题，但现在HTML5可以将Web代码全部加密，本地应用解密后再运行，大大的提供了代码的安全性。
5、连接特性（Class： CONNECTIVITY）更有效的连接工作效率，使得基于页面的实时聊天，更快速的网页游戏体验，更优化的在线交流得到了实现。
创立文件，打开Notepad++软件，写一个HTML文件。通过内部CSS样式来设置，在body中的其他标签中，如h1，p，div等开始标签中，增加style=“color：white；font-size：25px；”。
新建html文件和css文件①在桌面新建一个文件夹，然后新建两个text文件；②分别将text文件重命名为index.html和css.css。
html设置字体颜色的方法是：可以在标签中直接设置样式，这时字体的颜色首先选择标签中的样式即可。HTML称为超文本标记语言，是一种标识性的语言。
html设置字体颜色，其方法是：首先写一个基本的html，里面有一个div和一段文字。可以看到当前文字显示的就是默认的黑色字体。要更改字体颜色，我们可以通过css样式来设置。接着添加color的样式就可以了。
HTML代码：123456789 div id=test-1 我是黑色背景，不透明的。/divdiv id=test-2 我是黑色背景，50%透明度。/divdiv id=test-3 我是黑色背景，20%透明度。
可以给 box1 设置 background-color： rgba(190， 190， 190， 0.6)；，这样盒子透明而 font 也不受影响。
自定义画笔样式 如果想为形状图上颜色，需要使用以下两个重要的属性。 fillStyle ： 设置下来所有fill操作的默认颜色。 strokeStyle ： 设置下来所有stroke操作的默认颜色。
自定义画笔样式 如果想为形状图上颜色，需要使用以下两个重要的属性。 fillStyle ： 设置下来所有fill操作的默认颜色。 strokeStyle ： 设置下来所有stroke操作的默认颜色。
HTML（HyperTextMarkupLanguage）是超文本标记语言的缩写HTML使用标记语言描述Web页面的结构HTML元素是HTML页面的构建块HTML元素通过标签tag表示HTML标签是“标题”、“段落”，“表格”等内容的一部分。
HTML的标签可以使用CSS的background-color来设置背景颜色以及透明度。举例如下：以下示例将分别演示不透明、50%透明度以及20%透明度的三种不同效果。HTML代码：123456789 div id=test-1 我是黑色背景，不透明的。
图层没有背景色或背景图片，其本身就是透明的，其中有文字、图片不透明，没有内容的区域可以直接看到下一层。
首先新建一个记事文本，重新命名背景颜色.html，按回车确认，如下图所示。回到桌面选中新创建的背景颜色.html文件，右键选择记事本打开，然后在记事本中手动输入图中代码，这是一个标准的html头尾格式。
文字阴影文字阴影的结构按照这样的顺序：x-offset， y-offset， blur， 和 color。为x-offset设置负值会将阴影位置改变到左边，为y-offset设置负值会将阴影位置改变到头部。我们也可以使用RBGA设置阴影的颜色。
border-radius 属性：是一个简写属性，用于设置四个 border-*-radius 属性。
在css3中，直接在图片上使用box-shadow 和 border-radius，浏览器并不能很好的渲染。但是如果把图片作为background-image，添加的样式浏览器可以很好的渲染。我将会介绍如何使用box-shadow， border-radius 和 transition创建不同图片样式效果。
之前的教程《HTML5实践 -- css3图片样式》，我介绍了如何为图片添加background-image包装，借助box-shadow 和 border-radius为图片设置多种多样的样式，有兴趣的朋友可以回头阅读。
Chrome 和 Safari 需要前缀 -webkit-。
这又要让你面对该死的IE 6的png透明问题！事实上，对于文字的阴影效果，我们完全可以用CSS来实现！可以查看 查看demo 先。Text-shadowtext-shadow可以让我们实现完美的文字阴影效果。
