css3颜色与文本效果

css3颜色与文本效果

1.CSS3颜色

(1)、十六进制颜色

RRGGBB,其中RR(红色),GG(绿色)和BB(蓝色)。所有值必须介于0和FF之间。

(2)、RGB颜色

RGB颜色值指定:RGB(红,绿,蓝)。每个参数(红色,绿色和蓝色)定义

颜色的亮度,可在0和255之间,或一个百分比值(从0%到100%)之间的整数。

(3)、RGBA颜色

RGBA颜色值被IE9,Firefox3+,Chrome,Safari,和Opera10+支持。

RGBA颜色值是RGB颜色值alpha通道的延伸-指定对象的透明度。

RGBA颜色值指定:RGBA(红,绿,蓝,alpha)。Alpha参数是一个介于0.0

(完全透明)和1.0(完全不透明)之间的参数

 (4)hsl

H:色调(0-360)0 表示红色 120 绿色 240蓝色 s:饱和度0-100% 亮度0-100%

Background :hsl(hue, saturation, lightness)

 

2.CSS3文本效果

(1)、CSS3文本阴影

您指定了水平阴影,垂直阴影,模糊的距离,以及阴影的颜色: 阴影不占空间:

h1{
text-shadow:5px5px5px#FF0000;
}

 

(2)、CSS3文本溢出

CSS3文本溢出属性指定应向用户如何显示溢出内容

p.test1{
//文本不换行
white-space:nowrap;
width:200px;
border:1pxsolid#000000;
//多余的部分隐藏掉
overflow:hidden;
//修剪文本。
text-overflow:clip;
}
p.test2{
white-space:nowrap;
width:200px;
border:1pxsolid#000000;
overflow:hidden;
//显示省略号来代表被修剪的文本
text-overflow:ellipsis;
}

 

css3颜色与文本效果

上一篇:手把手教你用Pytorch-Transformers——实战(二)


下一篇:Vue.js中过滤器(filter)的使用