• RSS订阅 加入收藏  设为首页
网页设计

CSS颜色 – RGB值 — RGBA值

时间:2024/5/12 18:57:57   作者:郑士利   来源:正势利   阅读:224   评论:0
内容摘要:此颜色值使用rgb()属性进行指定。它需要三个值,分别为红色、绿色和蓝色。值可以是介于0和255之间的整数或百分比。不是所有的浏览器都支持颜色的rgb()属性,因此建议不要使用它。以下是使用RGB值显示几种颜色的例子。这是一个例子:<html><head><style>div{bac...

此颜色值使用 rgb() 属性进行指定。

它需要三个值,分别为红色、绿色和蓝色。

值可以是介于0和255之间的整数或百分比。

不是所有的浏览器都支持颜色的rgb()属性,因此建议不要使用它。

以下是使用RGB值显示几种颜色的例子。

CSS颜色_–_RGB值_—_RGBA值

这是一个例子:

<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值显示几种颜色的示例。

CSS颜色_–_RGB值_—_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>



标签:颜色 

逝者如斯,不舍昼夜作者QQ及微信:49922779 点击这里给我发消息

相关评论
QQ交流群:120100441    QQ客服:49922779 闽ICP备01008686号