首页 > 其他分享 >CSS的颜色表示方式

CSS的颜色表示方式

时间:2024-12-11 22:58:50浏览次数:8  
标签:表示 颜色 进制 方式 透明度 rgb CSS 255

以下介绍几种常见的CSS颜色表示方式:

颜色名称

  • html和css规范中定义了147种可用的颜色名
  • 用的相对较少

16进制表示

  • css三原色:红、绿、蓝
  • 16进制的颜色值: #rrggbb
  • 16进制整数规定颜色成分,所有的值均介于 00 - ff 之间(ff 代表最大,为红、绿、蓝三种)
  • 用的相对较多

rgb

  • 通过定义三种(红、绿、蓝)三种颜色的强度来定义颜色
  • 如:rgb(255,0,0)表示红色
  • 所有值介于0-255之间,255表示最大

rgba

  • 在rgb的基础上增加了透明度
  • a:alpha表示透明度
  • rgba(255,0,0,0.5)表示透明度为0.5
  • 取值为 0 - 1, 1 表示最深的颜色,完全不透明,0表示完全透明
  • 值越小,透明度越高

标签:表示,颜色,进制,方式,透明度,rgb,CSS,255
From: https://blog.csdn.net/qq_56807425/article/details/144412242

相关文章

  • 新手小白入门——SQL注入之提交方式(即数据位置)分类
    此文是对上一篇文章(新手小白入门——SQL注入之数据位分类)的补充!!!上一篇文章主要针对不同提交方式(请求)如何取数据进行详细说明,而本篇文章主要针对不同提交方式(请求)中的SQL注入进行介绍!在进入正题前,我们再来学习一下如何判断是否存在SQL注入或者说如何判断是否存在SQL注入点1.基......
  • 【Spring】IoC和DI,控制反转,Bean对象的获取方式
      阿华代码,不是逆风,就是我疯你们的点赞收藏是我前进最大的动力!!希望本文内容能够帮助到你!!目录一:什么是IoC1:什么是容器2:什么是IoC二:IoC应用举例  1:理解控制反转2:理解控制反转容器3:IoC容器优点(1)资源集中管理(2)解耦合三:什么是DI四:Bean1:Bean对象2:Bean的存储......
  • 前端开发必备-带你了解CSS-IN-JS解决方案的优缺点
    前端开发必备-带你了解CSS-IN-JS解决方案的优缺点https://www.bilibili.com/video/BV1Ss4y1k7hBP101.专题内容介绍3.Emotion库P202.为什么会有CSS-IN_JS这种解决方案CSS-IN-JS是WEB项目中将CSS代码捆绑在JavaScript代码中的解决方案.这种方案旨在解决CSS的局限......
  • 329.大学生HTML期末大作业 —【纪念鲁迅文化主题网页】 Web前端网页制作 html+css
    目录一、更多推荐二、网页简介三、网页文件四、网页效果五、代码展示1.html2.CSS六、总结1.简洁实用2.使用方便3.整体性好4.形象突出5.交互式强一、更多推荐欢迎来到我的CSDN主页!您的支持是我创作的动力!Web前端网页制作、网页完整代码、大学生期末大作业案例......
  • vue 组件之间的传值方式
    一、父组件向子组件传值父组件可以使用 props 将数据传递给子组件。<!--父组件--><template><ChildComponent:message="parentMessage"/></template><script>importChildComponentfrom'./ChildComponent.vue';exportdefault{compo......
  • 40. css属性、浮动
    1.字体样式1.1字体名称<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title><style>#d1{font-family:fangsong;}#d2......
  • 记录一种校验方式-crc16(python+C语言)
    此篇文章在2023年3月24日被记录最近在写boot升级代码时,需要上位机发送固件包到下位机,因为固件包太大,因此需要分包发送,分包发送涉及到校验问题,特意对crc16校验方法进行记录计算方法预置1个16位的寄存器为十六进制FFFF(即全为1,我称为种子);称此寄存器为CRC寄存器;把第一个8位二......
  • CSS3新特性
    新增的特性有兼容性问题,ie9+才支持1.属性选择器可以根据元素特定属性来选择元素选择符简介E[att]选择具有att属性的E元素E[att="val"]选择具有att属性且属性值等于val的E元素E[att^="val"]匹配具有att属性且值以val开头的E元素E[att......
  • Qt/C++音视频开发 - 获取本地摄像头名称/FFmpeg命令日志方式
    Qt/C++音视频开发-获取本地摄像头名称/FFmpeg命令日志方式介绍在音视频开发中,获取本地摄像头名称和通过FFmpeg命令记录日志是两个常见的需求。Qt/C++结合使用FFmpeg库实现这些功能,可以提高开发效率并增加程序的灵活性。应用使用场景实时流媒体应用:在直播、视频会议等......
  • 从零开始:用HTML、CSS和Vue构建课程预订系统,轻松上手!” “前端新手必看:使用Vue、CSS和H
    效果图......