css 怎么设置颜色为rgba啊

html-css016

css 怎么设置颜色为rgba啊,第1张

在css中使用rgba(255, 255, 255, 0.5)这样的格式来表示rgha。其中最后一个参数表示Alpha通道,表示透明度。

例如:给两个div添加一样的背景色设置不同的透明度

代码:

<div class="div1">rgba透明度0.4</div>

<div class="div2">rgba透明度0.6</div>

css:

div{

margin:10px auto

width:200px

height:100px

text-align: center

line-height: 90px

}

.div1{background: rgba(83,172,150,0.4)}

.div2{background: rgba(83,172,150,0.8)}

效果:

1、可以选取一幅图,在你需要的图片处理软件里面用滴管取色,既可以得到你想要的颜色,通常都是以#号开头!

2、通过查手册,CSS 3.0手册里面涵盖了大部分的以#开头的颜色代码。

3、如果不是需要特意的颜色,你就可以使用英文单词查询软件查询你想要的颜色,如比较普通的red/orange/blue/pink/navy等

建议没必要刻意的记,因为颜色代码确实太多,你也记不住,个人认为在平时如果某些颜色要使用并且找不到,可以通过查手册的方式查找,或者使用图片处理软件的滴管工具选取!很多颜色代码在你使用的多之后,就会记住了!

希望我的回答对你有所帮助!