CSS设置网页全部变暗!

html-css019

CSS设置网页全部变暗!,第1张

是使用了一个CSS滤镜

<head>和</head>之间插入:

<style>

html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)}

</style>

如果简单点的话只要:

<head>和</head>之间插入:

<style>

html{filter:gray}

</style>

如没有生效的话,是因为网站没有使用最新的网页标准协议,在网页最上面添加如下代码就可以了:

<!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">

1、首先打开hbuilder软件,新建一个html文件,里面写入3个p标签,再在style标签中设置p标签的基本样式,包括间距,字体大小等属性:

2、然后在style标签中用3种方法设置文字颜色,第一个p标签用16进制设置颜色,每两个数字为一组,最大数字为ff,它们代表红绿蓝三种颜色;第二种方法是rgba,也是红绿蓝三种颜色,只不过值变成了数字,最大为255表示颜色最鲜艳,比如把第一个设置为255就是最红:

3、第三个标签使用HSL色彩,其中H代表色调,值最大为360,0和360也是红色,其他颜色在中间;s是饱和度用百分比来表示,0%表示最暗,100%表示最亮;L表示亮度取值也是百分比;rgba和hlsa中a都表示透明度,取值在0.0到1.0之间,0.0是完全透明,1.0为完全不透明:

4、最后打开浏览器就能三种方法表示出的颜色 :

1、选取颜色

在颜色选取区域点击你所需要的色彩;

2、调整亮度

在右侧的渐变色块中调整该颜色的亮度;

3、复制粘贴代码

复制在“代码”框中该颜色的代码,粘贴(CTRL+V)到css自定义模板所需位置即可。