网站首页 > 知识剖析正文

HTML的颜色

nixiaole 2024-11-20 19:50:25 知识剖析 15 ℃

颜色与单位

背景色

背景色写法：background-color:颜色;

 background-color:颜色;

为窗口设置背景色:

 body {
       background-color: chartreuse;
     }

效果：

还可以是文本的底色：

  <style>
     /* 改变浏览器窗口的整体背景色 */
     body {
       background-color: lightcoral;
     }
     p{
       color:cornsilk;
       background-color:black;
     }
   </style>
 </head>
 
 <body>
     <p>19级启嘉班</p>
 </body>

效果：

RGB颜色表示法

红色绿色蓝色(RGB)是一种颜色模型，它将颜色表示为三个基本组件(或通道)的混合物，即红色、绿色和蓝色。每种颜色都是由三个数字组成的序列(通常在0.0到1.0之间，或者在0到255之间)，它们代表了决定最终颜色的红色、绿色和蓝色的不同强度

      <style>
         .p1{
             color:green(200,0,0);
             opacity: 0.2;   /*设置透明度的，数值越小越透明*/
         }
         .p2{
             color: #4210f7;
         }
         .p3{
             /* a表示透明度 */
             color:rgba(250,0,0,0.2)  /*透明度可以写在括号里，简写*/
         }
     </style>
 </head>
 <body>
     <p class="p1">18级启嘉班</p>
     <p class="p2">19级启嘉班</p>
     <p class="p3">20级启嘉班</p>
 </body>

效果：

上一篇： 16.CSS中使用颜色
下一篇： 2022 最受欢迎的 CSS 变量、属性、函数以及颜色分别是什么

网站首页 > 知识剖析 正文

HTML的颜色

颜色与单位

背景色

RGB颜色表示法

猜你喜欢

网站首页 > 知识剖析正文