CSS 基础学习-020 CSS样式设置rgb颜色值

由 hrs, 17 四月, 2021

在 CSS 中，可以使用RGB颜色值来为网页设置指定的颜色。例如：rgb（255,0,0）为红色，rgb(0,0,0)为黑色，rgb（255,255,255）为白色。

实例代码：

 1 <!doctype html>
  2 <html>
  3   <head>
  4     <meta charset="utf-8">
  5     <style>
  6       h1{
  7         width:430px;
  8         padding:10px;
  9         text-align:center;
 10       }
 11     </style>
 12   </head>
 13   <body>
 14     <h2>输出RGB颜色实例</h2>
 15     <h1 style="background-color:rgb(255,0,0);">rgb(255,0,0)红色</h1>
 16     <h1 style="background-color:rgb(0,0,255);">rgb(255,0,0)蓝色</h1>
 17     <h1 style="background-color:rgb(60,179,133);">rgb(60,179,133)草绿色</h1>
 18     <h1 style="background-color:rgb(238,130,238);">rgb(238,130,238)粉红色</h    1>
 19     <h1 style="background-color:rgb(255,165,0);">rgb(255,165,0)黄色</h1>
 20     <h1 style="background-color:rgb(106,90,205);">rgb(106,90,205)紫色</h1>
 21     <p>在html中，您可以使用rgb值规定颜色</p>
 22   </body>
 23 
 24 </html>

运行效果：

css-020.png

 

标签

评论