css 怎么设置颜色为rgba啊
答案:5 悬赏:60 手机版
解决时间 2021-11-12 20:02
- 提问者网友：欲劫无渡
- 2021-11-12 13:11
css 怎么设置颜色为rgba啊
最佳答案
- 五星知识达人网友：纵马山川剑自提
- 2021-11-12 14:12
RGBA（255255255， 0， 5）用于CSS，RGHA以这种格式表示。最后一个参数表示alpha通道，这意味着透明性。
例如，将相同的背景颜色添加到两个DIV并设置不同的透明度。
代码：
< div类＝“div1”> RGBBA透明度0， 4＜div >
< div类＝“div2”> RGBBA透明度0， 6＜div >
CSS：
div {
保证金：10PX汽车；
宽度：200 px；
高度：100px；
文本对齐：中心；
线高：90px；
}
DIV1{背景：RGBA（83172150， 0， 4）；}
DIV2{背景：RGBA（83172150， 0， 8）；}
效果：
拓展资料
如何在CSS样式中设置背景透明度，下面是一个具体的例子。将类的层设置为透明的框。
< div类＝“box”＞/div >
<风格>
框{宽度：300 px；高度：200 px；空白：0自动；BOXDER：1PX实心CCC；背景：α000；过滤器：alpha（不透明度：30）；不透明度：0, 3；-MOZ不透明度：0, 3；0；
<样式>
在哪一个背景下：α000；滤波器：α（不透明度：30）；不透明度：0, 3；对于关键码，当不透明度值为1时，它表示完全不透明，并且在0时完全透明。
下列属性如下：
不透明度：0, 3；这是“最重要的”，因为它是CSS的当前标准。这将在大多数版本的火狐、Safari和Opera中发挥作用。如果所有浏览器都支持当前的标准，这将是您所需要的。当然，他们不会错的。
过滤器：alpha（不透明度＝30）；这是IE浏览器。
- MOZ不透明度：0, 3；对于旧版本的Mozilla浏览器，如Netscape Navigor，您需要此支持。
-KHTML透明度：0, 3；这是Safari（1，X.）的旧版本，当使用渲染引擎时，它仍然被称为KTHML，而不是当前WebKIT。
例如，将相同的背景颜色添加到两个DIV并设置不同的透明度。
代码：
< div类＝“div1”> RGBBA透明度0， 4＜div >
< div类＝“div2”> RGBBA透明度0， 6＜div >
CSS：
div {
保证金：10PX汽车；
宽度：200 px；
高度：100px；
文本对齐：中心；
线高：90px；
}
DIV1{背景：RGBA（83172150， 0， 4）；}
DIV2{背景：RGBA（83172150， 0， 8）；}
效果：
拓展资料
如何在CSS样式中设置背景透明度，下面是一个具体的例子。将类的层设置为透明的框。
< div类＝“box”＞/div >
<风格>
框{宽度：300 px；高度：200 px；空白：0自动；BOXDER：1PX实心CCC；背景：α000；过滤器：alpha（不透明度：30）；不透明度：0, 3；-MOZ不透明度：0, 3；0；
<样式>
在哪一个背景下：α000；滤波器：α（不透明度：30）；不透明度：0, 3；对于关键码，当不透明度值为1时，它表示完全不透明，并且在0时完全透明。
下列属性如下：
不透明度：0, 3；这是“最重要的”，因为它是CSS的当前标准。这将在大多数版本的火狐、Safari和Opera中发挥作用。如果所有浏览器都支持当前的标准，这将是您所需要的。当然，他们不会错的。
过滤器：alpha（不透明度＝30）；这是IE浏览器。
- MOZ不透明度：0, 3；对于旧版本的Mozilla浏览器，如Netscape Navigor，您需要此支持。
-KHTML透明度：0, 3；这是Safari（1，X.）的旧版本，当使用渲染引擎时，它仍然被称为KTHML，而不是当前WebKIT。
全部回答
- 1楼网友：迟山
- 2021-11-12 18:25
您好，可以去使用这个工具RGB颜色值与十六进制颜色码转换工具进行转换。
在色板选中的颜色显示格式是（255，x，x，a），是RGBA色彩模式的，四个数字分别是红色值，绿色值，蓝色值和透明度，范围都是0-255.
颜色的十六进制格式#000000，以#开头，每两位十六进制数表示一个颜色值的信息，顺序也是红、绿、蓝。
在转换时，把RGBA色彩模式的数转换成十六进制数，放到相应的位置上就好了。
例如纯红色（255，0，0）可以转换成#FF0000。
透明度应当用其他方式设置，比如opacity属性。opacity 属性能够设置的值从 0.0 到 1.0。值越小，越透明。IE8 以及更早的版本使用滤镜 filter:alpha(opacity=x)。x 能够取的值从 0 到 100。值越小，越透明。
- 2楼网友：鱼忧
- 2021-11-12 17:27
什么工具啊！？
ediplus ，UE， dreamwave。。。。。追问是dw！追答本机没有dw ，你截图来看看呢。在色板 附近追问
不过不用非得16进制吧追问点击了#000 色板就退出了 现在就默认十六进制了。。 我用过rgba的 之前的源文件还在 重装了dw之后忘了咋搞了。。。T T
ediplus ，UE， dreamwave。。。。。追问是dw！追答本机没有dw ，你截图来看看呢。在色板 附近追问
我要疯了 早上找好久没找到原来咋弄的T T
追答#000 可以点击吗 点一下看看能切换吗不过不用非得16进制吧追问点击了#000 色板就退出了 现在就默认十六进制了。。 我用过rgba的 之前的源文件还在 重装了dw之后忘了咋搞了。。。T T
- 3楼网友：北城痞子
- 2021-11-12 15:55
css中设置rgba按照其语法直接定义即可。语法如下：
R：红色值。正整数 | 百分数
G：绿色值。正整数 | 百分数
B：蓝色值。正整数| 百分数
A：透明度。取值0~1之间
如下这个示例代码：
p{background-color:rgba(0,0,0,0.5)}这里就是将p的背景颜色设置为黑色半透明
- 4楼网友：摆渡翁
- 2021-11-12 15:40
在css中使用rgba(255, 255, 255, 0.5);这样的格式来表示rgha。其中最后一个参数表示Alpha通道，表示透明度。
例如：给两个div添加一样的背景色设置不同的透明度
代码：
rgba透明度0.4
rgba透明度0.6
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);}
效果：
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！
点此我要举报以上问答信息
大家都在看
推荐资讯