CSS1-CSS3 lt;color>颜色知识知多少

html-css014

CSS1-CSS3 lt;color>颜色知识知多少,第1张

css中的color属性是字体颜色的意思,它有两种取值方式;

第一种是关键字取值,比如:color:pink //将字体设置成粉色;

第二种是rgb格式取值,比如:color:#000000 //将字体设置成黑色;

但是关键字取值IE浏览器对某些关键字无法识别,故会出现解析不一致,所有一般推荐使用rgb取值格式。

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

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

直接使用box-shadow:5px 5px 10px black inset属性设置样式样式就可以了。

前两个值(5px 5px)是水平和垂直方向的偏移量,正值阴影就会向左向下偏移,负值反之;

第三个值(10px)是设置模糊距离;

black就是阴影的颜色啦;

最后一个inset是在元素内部创建一个阴影,也就是内阴影了;

删除掉inset就是设置外阴影了