网页设计

CSS颜色 – RGB值 — RGBA值

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

此颜色值使用 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>


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


标签:颜色  
相关评论

该站用来记录个人生活的笔记,内容部分资料来源于网络,如有侵权,请联系删除。(QQ:49922779点击这里给我发消息 微信:49922779 阿里旺旺: zhengshili点击这里给我发消息 QQ交流群:120100441网钛CMS交流群1

  浙ICP备2025212358号