如何CSS实现网页背景三种颜色渐变效果?

如何CSS实现网页背景三种颜色渐变效果?,第1张

页面背景颜色渐变可以分为四个部分
一、从上往下渐变:

body{
FILTER: progid:DXImageTransformMicrosoftGradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000);
}


二、从左上至右下渐变:

body{
FILTER: Alpha( style=1,opacity=25,finishOpacity=100,
startX=50,finishX= 100,startY=50,finishY=100);
background-color: skyblue;
}


三、从左往右渐变:

body{
FILTER: progid:DXImageTransformMicrosoftGradient(gradientType=1,startColorStr=#ffffff,endColorStr=#000000);
}


四、从上往下渐变:

style="filter:progid:DXImageTransformmicrosoftgradient(gradienttype=0,startColorStr=blue,endColorStr=white);"


下面是整合的完整格式:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ";


如果是在同一个页面里面显示多重渐变效果,可以定义每个渐变的width和height。

1、在DIV标签内使用color颜色样式
<div style="color:#F00">>

font-size:12px;

<body bgcolor="#000000">
<body bgcolor="rgb(0,0,0)">
<body bgcolor="black">。

一、认识CSS 颜色(CSS color)

这里要介绍的是网页设置颜色包含有哪些;网页颜色规定规范。

1、常用颜色地方包含:字体颜色、超链接颜色、网页背景颜色、边框颜色。
2、颜色规范与颜色规定:网页使用RGB模式颜色。

二、颜色基础知识

网页中颜色的运用是网页必不可少的一个元素。使用颜色目的在于有区别、有动感(特别是超链接中运用)、美观之用,同时颜色也是各种各样网页的样式表现元素之一,了解CSS 字体颜色。

传统的html颜色与w3c标准下的css颜色对比和DIV CSS运用颜色。

CSS color颜色语法:

color:#000000;

Css样式中color后直接加RGB颜色值(#FFFFFF 、#000000 、#F00)
RGB颜色值在实际布局时候确定,可以使用Photoshop(简称PS)拾取工具进行获取获得。

三、两种方法设置对象颜色样式。

1、在DIV标签内使用color颜色样式。
<div style="color:#F00">>

2、在CSS选择器中使用color颜色样式CSS代码:

divcss5{color:#00F}

/ 设置对象divcss5内文字为蓝色 /

扩展阅读:这里运用了CSS注释对此样式设置说明,了解CSS 注释。

3、DIV+CSS颜色样式完整案例:

Css代码。

a:link {color: #FF0000} / 未访问的链接 /
a:visited {color: #FF0000} / 已访问的链接 /
a:hover {color: #FF0000} / 鼠标移动到链接上 /
a:active {color: #FF0000} / 选定的链接 /
这四个属性都写成一个颜色就可以了
两个a标签的href写成一个

颜色值
CSS 颜色使用组合了红绿蓝颜色值 (RGB) 的十六进制 (hex) 表示法进行定义。对光源进行设置的最低值可以是 0(十六进制 00)。最高值是 255(十六进制 FF)。
十六进制值使用三个双位数来编写,并以 # 符号开头。
颜色
颜色 HEX
颜色 RGB
#000000 rgb(0,0,0)
#FF0000 rgb(255,0,0)
#00FF00 rgb(0,255,0)
#0000FF rgb(0,0,255)
#FFFF00 rgb(255,255,0)
#00FFFF rgb(0,255,255)
#FF00FF rgb(255,0,255)
#C0C0C0 rgb(192,192,192)
#FFFFFF rgb(255,255,255)
亲自试一试
1600 万种不同的颜色
从 0 到 255 种红绿蓝值能够组合出总共超过一千六百万种不同的颜色(根据 256 x 256 x 256 计算)。
大多数现代的显示器都能显示出至少 16384 种不同的颜色。
如果您查看下面的表格,您将看到红光从 0 到 255 变化后的结果,此时绿光和蓝光为零。
如需查看红光由 0 向 255 变化的完整颜色混合器列表,请点击下面的十六进制值或 rgb 值。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/13386445.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-26
下一篇 2023-07-26

发表评论

登录后才能评论

评论列表(0条)

保存