首页 > 其他分享 >CSS 颜色定义

CSS 颜色定义

时间:2023-04-11 11:26:11浏览次数:41  
标签:HSLA 颜色 定义 color 100% 50% CSS

CSS颜色定义方法:(RGBA \  HSLA \ opacity \ transparent为css3 新特性)

1、直接使用颜色名/16进制值

2、使用RGBA: RGB代表光的三原色,Red、Green和Blue,CSS3中可以增加一个值a(alpha),表示颜色的透明度:取值范围0-1之间,0代表完全透明,1代表完全不透明

3、使用HSL: 即色相、饱和度、亮度(Hue, Saturation, Lightness)

4、 使用HSLA

/* 以下都表示红色 */
p { color: red; }
p { color: #f00; }
p { color: #ff0000; }
p { color: rgb(255,0,0); }
p { color: rgb(100%, 0%, 0%); }
p { color: hsl(0, 100%, 50%); }

/* 50% 透明 */
p { color: #ff000080; }
p { color: rgba(255, 0, 0, 0.5); }
p { color: hsla(0, 100%, 50%, 0.5); }

④opacity属性:透明度

⑤transparent颜色值定义渐变色

标签:HSLA,颜色,定义,color,100%,50%,CSS
From: https://www.cnblogs.com/ducky-L/p/14601469.html

相关文章

  • 新的 CSS 伪类函数 :is() 和 :where()
    新的CSS伪类函数:is()和:where()Postedon 2022-08-1514:39  书中枫叶 阅读(48) 评论(0)  编辑  收藏  举报:is()和:where()标题中的 <b> 标签进行颜色调整: h1>b,h2>b,h3>b,h4>b,h5>b,h6>b{ color:hotpink; }......
  • 小程序自定义省市二级联动
    conststr=[{id:"110000",name:"北京市",city:[{id:"110100",name:"北京市",area:[{id:"110101",name:"东城区"},{id:"110102",name:"西城区"},{id:"110105",name:"朝阳区"},{id:"......
  • Java实现自定义LRU算法
    classLRUCache{//key->Node<key,val>privateHashMap<Integer,Node>map;//Node(k1,v1)<->Node(k2,v2)privateDoubleListcache;//最大容量privateintcap;publicLRUCache(intcapacity){this.c......
  • 6.自定义Form表单验证
    在web程序中存在大量的表单数据验证,而我们通过self.get_argument(arg)进行获取用户输入参数验证会存在的重复代码 1.自定义表单app.py文件代码如下:MyForm类对象属性中封装需要验证的字段并与浏览器中验证的字段保持一致,MyForm类中check_valid方法获取用户输入的参数并进行验证......
  • 区块链学习(9)-自定义修饰词modifier
    在Solidity中,修饰词(modifier)是一种代码重用和逻辑抽象的方法,用于修改函数的行为。它可以在函数执行前进行预处理(如检查条件、权限等),或在函数执行后进行后处理。修饰词在智能合约中非常有用,尤其是用于访问控制、状态检查和重入保护等场景。修饰词定义和使用:要定义一个修饰词,需要使用......
  • Kubernetes 集群 Pod 资源结构定义及常用配置参数(四)
    Pod资源结构一个Pod中会运行一个或多个容器,实际上每一个pod都至少有两个容器,一个是pod根容器,一个是应用容器,应用容器都是建立在根容器之上,根容器上会绑定ip地址,应用容器里面只是提供了业务和开放了端口如果一个pod中有多个容器,他们其实都是共享的根容器的地址,至于每个容......
  • ASP.NET Web API]如何Host定义在独立程序集中的Controller
    原文:https://www.cnblogs.com/artech/p/custom-assembly-resolver.html通过《ASP.NETWebAPI的Controller是如何被创建的?》的介绍我们知道默认ASP.NETWebAPI在SelfHost寄宿模式下用于解析程序集的AssembliesResolver是一个DefaultAssembliesResolver对象,它只会提供当前应用程......
  • [golang]使用logrus自定义日志模块
    简介logrus是一个第三方日志库,性能虽不如zap和zerolog,但方便易用灵活。logrus完全兼容标准的log库,还支持文本、JSON两种日志输出格式。特点相较于标准库,logrus有更细致的日志级别,从高到低分别是:trace>debug>info>warn>error>fatal>panic支持自定义日志格式,内置支......
  • Context响应,重定向,自定义函数,Abort
    前言:Context对象提供了很多内置的响应形式,JSON、HTML、Protobuf、MsgPack、Yaml、String等。它会为每一种形式都单独定制一个渲染器。Context是Gin最重要的部分。它允许我们在中间件之间传递变量,管理流程,验证请求的JSON并呈现JSON响应。正文: content响应字符串,json,及......
  • ES搜索框架--自定义评分规则
    一、评分规则需求按照用户画像(不同的标签分数)和用户省份在用户查询时,对查询结果进行自定义评分二、ES自定义评分方式参考:博客:https://blog.csdn.net/W2044377578/article/details/128636611官网:https://www.elastic.co/guide/en/elasticsearch/guide/master/function-score-query.......