页面背景颜色渐变可以分为四个部分
一、从上往下渐变:
FILTER: progid:DXImageTransformMicrosoftGradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000);
}
二、从左上至右下渐变:
FILTER: Alpha( style=1,opacity=25,finishOpacity=100,
startX=50,finishX= 100,startY=50,finishY=100);
background-color: skyblue;
}
三、从左往右渐变:
FILTER: progid:DXImageTransformMicrosoftGradient(gradientType=1,startColorStr=#ffffff,endColorStr=#000000);
}
四、从上往下渐变:
下面是整合的完整格式:
如果是在同一个页面里面显示多重渐变效果,可以定义每个渐变的width和height。
<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 值。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)