CSS使彩色图片就为黑白图片

<html>
    <head>
    <title>CSS使彩色图片就为黑白图片丨河北草坪-石家庄花卉租赁</title>
    <meta content="text/html; charset=gb2312" http-equiv="Content-Type">
    <style type="TEXT/CSS">.cool {
    BORDER-BOTTOM-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; BORDER-RIGHT-WIDTH: 1px; BORDER-TOP-WIDTH: 1px; CURSOR: hand; FONT-SIZE: 9pt
    }
    A {
    TEXT-DECORATION: none
    }
    A:hover {
    COLOR: #ff9900; TEXT-DECORATION: underline
    }
    TD {
    FONT-SIZE: 9pt; LINE-HEIGHT: 13pt
    }
    TH {
    FONT-SIZE: 9pt; LINE-HEIGHT: 13pt
    }
    BODY {
    FONT-SIZE: 9pt; LINE-HEIGHT: 13pt
    }
    .FGray {
    FILTER: Gray
    }
    </style>
    </head>
    <body bgColor="#ffffff" leftMargin="0" link="#6699FF" topMargin="0" vLink="#6699CC">
    <center>
    <table cellPadding="0" cellSpacing="0" width="556" height="371">
    <TBODY>
    <tr vAlign="top">
    <td height="19" width="848"></td>
    </tr>
    <tr>
    <td vAlign="top" height="376" width="848"><table cellPadding="0" cellSpacing="0" width="506">
    <TBODY>
    <tr>
    <td height="22" vAlign="top" width="485"><table cellPadding="0" cellSpacing="0" class="hs"
    width="100%">
    <TBODY>
    <tr>
    <td align="middle" height="15">
    <p align="center"><font face="隶书" size="4" color="#FF0000"><b>使彩色图片就为黑白图片</b></font></p>
    </td>
    </tr>
    <tr vAlign="top">
    <td>
    <img align="middle" height="237" src="/images/m01.JPG" width="172"> =>
    <img
    align="middle" class="FGray" src="/images/m01.JPG" width="170" height="237"><br>
    <pre><span style="font-size:10.5pt;
    font-family:仿宋_GB2312;mso-hansi-font-family:"Times New Roman";"Times New Roman";">使彩色图片就为黑白图片,再现一幅古朴、恬淡的美,这也不难做到,</span></pre>
    <pre><span lang="EN-US" style="font-size: 10.5pt;font-family: 仿宋_GB2312;">CSS样式表单滤镜Gray的<span style="color:black">强大功能,</span>可以轻松实现十分优秀的效果</span>!</pre>
    </td>
    </tr>
    </TBODY>
    </table>
    </td>
    </tr>
    </TBODY>
    </table>
    </td>
    </tr>
    <tr align="right">
    <td height="57" width="848"><hr>
    <p>    </td>
    </tr>
    </table>
    </center>
    </body>
    </html>
    <br><br><hr>
    
时间: 2024-12-16 18:53:48

CSS使彩色图片就为黑白图片的相关文章

android 将图片转换成黑白图片

先调用android的系统工具,获取图片生成bitmap文件,再使用android中的二值化技术,将图片转化成黑白图片,主界面代码: package com.example.blackwhite; import java.io.IOException; import android.media.ThumbnailUtils; import android.net.Uri; import android.os.Bundle; import android.provider.MediaStore;

小tip: 使用CSS将图片转换成黑白(灰色、置灰) ? 张鑫旭-鑫空间-鑫生活

小tip: 使用CSS将图片转换成黑白(灰色.置灰) 这篇文章发布于 2012年08月19日,星期日,20:41,归类于 css相关, SVG相关. 阅读 159943 次, 今日 146 次 by zhangxinxu from http://www.zhangxinxu.com 本文地址:http://www.zhangxinxu.com/wordpress/?p=2547 //zxx: 最近很积极地折腾手机页面的些东西,加上其他一些人生重要的事,所以木有更新. 可能早就知道,像汶川这种糟糕

彩色图片渐变成灰色图片

在遇到英雄死亡需要让它变黑白的过程中参考ps中图片渐变成灰色的方式 解决思路是使用两张图片,一张彩色一张黑白,让彩色透明度随时间增长变0 网上有彩图变灰的代码如下 do { const GLchar* pszFragSource = "#ifdef GL_ES \n \ precision mediump float; \n #endif \n \ uniform sampler2D u_texture; \n varying vec2 v_texCoord; \n varying vec4 v

Android 开发中图片灰阶(黑白)显示

阅读本文之前关于将RGB颜色值转换为灰阶值的计算方法可参见: 三种算法转换彩色灰阶 http://aiilive.blog.51cto.com/1925756/1718960 灰阶显示图片的典型应用就是用户头像,如用户在线头像显示彩色(原图),不在线显示灰色(黑白图).总结一点就是更加一张原始图片来通过颜色的过滤处理计算得到不同显示效果的图片.这方法的API主要位于:android. 使用上文中提到的"三种算法转换彩色灰阶"一文中提到的灰阶计算方法产生的黑白图片显示效果如下图: 说明:

c# winform 把彩色图片转换为灰色的图片,变灰,灰度图片,速度很快,safe,unsafe

把彩色图片转换为灰色的图片,直接用.net接口遍历每个像素点转换的效率非常低,800K的图片65万像素我的电脑要用5分钟,而用了unsafe,速度提高了几千倍,同样的图片只用了0.几秒 附一个常用的遍历像素点转换的代码 构造函数 C#代码   public Tphc() { InitializeComponent(); this.pictureBox1.ImageLocation = "F:\\黑色头发.jpg"; } 按钮单击事件 C#代码   private void button

CSS Blur() 将高斯模糊应用于输出图片

一.Css  Blur() blur() CSS 方法将高斯模糊应用于输出图片. 结果为 <filter-function>. blur(radius) radius模糊的半径,值为<length>. 它定义了高斯函数的标准偏差值,即屏幕上有多少像素相互融合; 因此,较大的值会产生更多模糊. 值为0会使输入保持不变. 该值为空则为0. blur(0) /* No effect */ blur(8px) /* Blur with 8px radius */ blur(1.17rem)

利用CSS切割图片技术来动态显示图片

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Typ

css奇特用法之 IMG添加背景图片配合显示--效果惊艳

IMG标签本身是显示图片的,但通过CSS可以再为其设置背景图片,让其和自身的图片配合来显示,最终的效果会让你惊叹.当然,这个发现来自于老外,所以代码马上与大家分享.再此之前,我也从来没有想到过这个思路,我想这种思路可以应用的地方相当多了. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

css设置背景颜色和处理背景图片样式

<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <title>css设置背景颜色和处理背景图片样式</title> <style> div{ width:1000px; height:500px;/*没有宽高不能加背景图片*/ border:1px solid #000000; /*background-co