首页 > 其他分享 >HTML中的颜色单位:RGB值

HTML中的颜色单位:RGB值

时间:2023-03-12 22:56:20浏览次数:36  
标签:颜色 color rgb RGB HTML background 255

颜色单位:

  在css中可以直接使用颜色名来设置各种颜色

    如:red、green、blue......

    但是在css中直接使用颜色名来命名是非常不方便的

  - RGB值:

    - RGB通过三种颜色(光的三原色)的不同浓度来调配出不同的颜色

    - R red,G green,B blue

    - 每一种颜色订单范围在0 - 255 (0% - 100%)之间

    - 语法:RGB(红色,绿色,蓝色)

     background-color: rgb(255,205,66); 

  - RGBA:

    - 就是在rgb的基础上增加了一个a表示不透明度

    - 需要4个值,前三个和rgb一样,第4个表示不透明度

      1表示完全不透明    0表示完全透明     .5表示半透明   还有 .3 .2 等

     background-color: rgba(255,205,66,.5); 

  - 十六进制的RGB值:

    - 语法:#红色绿色蓝色

    - 颜色浓度同 00-ff 控制

    - 如果颜色两位两位重复可以进行缩写(#aabbcc -->#abc)

     background-color: #bfa; 

 

标签:颜色,color,rgb,RGB,HTML,background,255
From: https://www.cnblogs.com/wanganli/p/17207295.html

相关文章

  • HTML中的长度单位:像素、百分比、em、rem
    长度单位:像素-屏幕(显示器)实际上是由一个一个的小点点构成的-不同屏幕的像素大小是不同的,像素越小的屏幕显示的效果越清晰-所以同样的2......
  • HTML5简介与基础骨架
    HTML5简介与基础骨架 HTML5介绍HTML5是用来描述网页的一种语言,被称为超文本标记语言.用HTML5编写的文件,后缀以.html结尾HTML是一种标记语言,标记语言是一套标记标......
  • HTML-邮件
    <!doctypehtml><html><head><title>收件箱</title><linkrel="stylesheet"href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.......
  • HTML-示例)
    <!doctypehtml><html><head><title>Bootstrap实例-堆叠的水平</title><linkrel="stylesheet"href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/boo......
  • HTML 邮箱
    <html><head><title>邮件</title><linkrel="stylesheet"href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">......
  • HTML 示例代码
    <html><head><title>邮件</title><linkrel="stylesheet"href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">......
  • html的规范
    1.所有的html标签都必须使用尖括号包裹起来,比如:<hr>2.html标签通常是成对出现的,双标签必须要有开始标签和结束标签,比如:<p></p>3.html标签不区分大小写(建议都使用小......
  • 如何禁用 HTML 或 CSS 中文本区域的大小调整
    在这个快速提示中,我们将向您展示2种不同的方法来禁用调整a的textarea大小,以防您不希望用户能够以这种方式控制它。这是一个相对较快的过程,只需一些使用resizeCSS属性......
  • HTML——day14
    图像滚动:        /*        背景图片滚动或固定:        语法:        background-attachment: fixed || scroll;固定或滚动  ......
  • HTML——day13
    css背景背景颜色:background—color背景图片:<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <meta name="viewport" content="......