如何架设网站服务器,四川手机网站有哪些,wordpress个人版支付,shopex 如何看 网站后台效果一、颜色之RGBA
RGB是一种色彩标准#xff0c;是由红(R)、绿(G)、蓝(B)的变化以及相互叠加来得到各式各样的颜色。RGBA是在RGB的基础上增加了控制alpha透明度的参数。
语法#xff1a;
color#xff1a;rgba(R,G,B,A)
以上R、G、B三个参数#xff0c;正整数值的取值…效果一、颜色之RGBA
RGB是一种色彩标准是由红(R)、绿(G)、蓝(B)的变化以及相互叠加来得到各式各样的颜色。RGBA是在RGB的基础上增加了控制alpha透明度的参数。
语法
colorrgba(R,G,B,A)
以上R、G、B三个参数正整数值的取值范围为0 - 255。百分数值的取值范围为0.0% - 100.0%。超出范围的数值将被截至其最接近的取值极限。并非所有浏览器都支持使用百分数值。A为透明度参数取值在0~1之间不可为负值。
代码示例
background-color:rgba(100,120,60,0.5);
效果二、渐变色彩
CSS3 Gradient 分为线性渐变(linear)和径向渐变(radial)。由于不同的渲染引擎实现渐变的语法不同这里我们只针对线性渐变的 W3C 标准语法来分析其用法其余大家可以查阅相关资料。W3C 语法已经得到了 IE10、Firefox19.0、Chrome26.0 和 Opera12.1等浏览器的支持。
这一小节我们来说一下线性渐变 参数
第一个参数:指定渐变方向可以用“角度”的关键词或“英文”来表示 单击图片可放大
第一个参数省略时默认为“180deg”等同于“to bottom”。
第二个和第三个参数表示颜色的起始点和结束点可以有多个颜色值。
background-image:linear-gradient(to left, red, orange,yellow,green,blue,indigo,violet);
效果图 以上内容参考于慕课网教程https://www.imooc.com/code/617
