此颜色值使用 rgb() 属性进行指定。
它需要三个值,分别为红色、绿色和蓝色。
值可以是介于0和255之间的整数或百分比。
不是所有的浏览器都支持颜色的rgb()属性,因此建议不要使用它。
以下是使用RGB值显示几种颜色的例子。
这是一个例子:
<html>
<head>
<style>
div{
background-color: rgb(255,0,255);
padding: 10px;
}
</style>
</head>
<body>
<h3>RGB - example</h3>
<p>As the rgb(255,0,255) is set the background will appear accordingly.</p>
<div>
This div element has a colored background based on the rgb values.
</div>
</body>
</html>
CSS颜色 – RGBA值
这个颜色值是使用 rgba() 属性来指定的。
它使用四个值,分别为红色、绿色和蓝色,最后一个值为alpha(透明度)值。
alpha值可以是0到1之间的任何值。
并非所有浏览器都支持rgba()颜色属性,因此建议不要使用它。
以下是使用RGBA值显示几种颜色的示例。
这是一个例子:
<html>
<head>
<style>
div {
background-color: rgba(255,0,255,0.2);
padding: 10px;
}
</style>
</head>
<body>
<h3>RGBA - example</h3>
<p>As the rgba(255,0,255,0.2) is set the background will appear with transparency value of 0.2.</p>
<div>
This div element has a colored background based on the rgba values.
</div>
</body>
</html>