css3-颜色（RGBA HSLA 透明等）

深藏阁楼爱情的钟 2022-07-14 00:44 298阅读 0赞 
  1. <!DOCTYPE html>
  2. <html>
  3. <head lang="en">
  4.     <meta charset="UTF-8">
  5.     <title></title>
  6.     <style>
  7.     /*<!-- 基本设置 透明opacity-->*/
  8.         .out{
  9.         width: 400px;
  10.         height: 400px;
  11.         background-color: blue;
  12.         margin:100px auto;
  13.         border: 1px solid #000;
  14.         /*transparent 透明的*/
  15.         background:transparent;
  16.         }
  18. /*---------------------------颜色模式------------------------------------*/
  20.         /*在css3中提供了两种颜色模式*/
  21.         /*RGBA: r:red   g:green  B:blue A:alpha(透明度)*/
  22.             /*background:rgba(0,0,255,0.3);*/
  23.         /*HSLA： H: 色调  S：饱和度(百分比) L:亮度(百分比) A alpha:透明度*/
  24.             /*H:色调 360度 三原色 平均每个120度 红 绿 蓝 基本上任何颜色都取得到*/
  25.             /*background-color: hsla(240,90%,50%,0.8);*/
  26.     </style>
  27. </head>
  28. <body>
  30. </body>
  31. </html>

发表评论

表情：
评论列表 （有 0 条评论，298人围观）

还没有评论，来说两句吧...

相关阅读

    相关 CSS3 RGBA

    rgba色彩模式与RGB(红绿蓝)相同，只是在RGB模式上新增了Alpha透明度 取值范围： （红）R： 正整数（0-255）或者 百分数（0.0% - 100.0%）

    ゝ一纸荒年。ゝ一纸荒年。/ 0 赞/ 105 阅读