css3中,RGBA colors

html-css020

css3中,RGBA colors,第1张

rgba 就是 red 红 green 绿 blue 蓝 alpha 透明度这几个值

举个例子 background-color:rgba(0,0,0,0.1)颜色为黑色 透明度为0.1

border:1px solid rgba(0,0,0,0.1)意思是 设定元素的边框为1像素宽,实线,颜色使用rgba来表达。

其中,rgba是CSS3中的属性,

rgba括号中前3个数字代表着 red green blue三种颜色的rgb值,0-255,最后一个是设定这个颜色的透明度即alpha值。范围从0到1,越接近1,代表透明度越低。

是给文字添加阴影效果 4个值的含义分别是:

0:阴影水平偏移值(可取正负值);

1px:阴影垂直偏移值(可取正负值);

1px:阴影模糊值;

rgba(0,0,0,0.8):阴影颜色;

CSS3 text-shadow 属性

定义和用法

text-shadow 属性向文本设置阴影。

默认值:none 

继承性:yes 

版本:CSS3 

JavaScript 语法:

object.style.textShadow="2px 2px #ff0000"  

语法

text-shadow: h-shadow v-shadow blur color

注释:text-shadow 属性向文本添加一个或多个阴影。该属性是逗号分隔的阴影列表,每个阴影有两个或三个长度值和一个可选的颜色值进行规定。省略的长度是 0。

border-radius:CSS3圆角 语法:border-radius:25px椭圆边角:语法-border-radius:xx%或者15px/100px

box-shadow:CSS3盒阴影 语法:box-shadow:5px 5px 10px #eee

border-image:使用图像创建一个边框 语法:boder-image:url(xx.xxx) 30 30 round round是平铺、stretch是拉伸

background-size:自定义设置背景图片的大小 语法:background-size:--px --px背景图片完全填充background-size:100% 100%;

background-origin:指定了背景图像的位置区域 border-box padding-box content-box

CSS3允许多个背景图片:background-image:url(img_flwr.gif),url(img_tree.gif)

CSS3渐变

linear-gradients:线性渐变 语法:background: linear-gradient(to right, red,orange,yellow,green,blue,indigo,violet)

使用透明度transparency 语法:linear-gradients(to right,rgb(255,0,0,0),rgb(255,0,0,1))

为了添加透明度,我们使用 rgba() 函数来定义颜色结点。rgba() 函数中的最后一个参数可以是从 0 到 1 的值,它定义了颜色的透明度:0 表示完全透明,1 表示完全不透明。

radial-gradients:径向渐变 语法与linear-gradients一样,这里不重复。

text-shadow:文本阴影 语法:text-shadow:--px --px --px #eee

word-wrap:break-word如果某个单词过长溢出文本框,此标签强制换行

以上是互联网用户为您的的内容,在阿里云内部有更多的关于CSS3的几个标签速记1 - html/css语言栏目:html.css的内容,欢迎继续使用右上角搜索按钮进行搜索标签、以便于您获取更多的相关信息。