博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
less13 颜色值函数
阅读量:7233 次
发布时间:2019-06-29

本文共 1194 字,大约阅读时间需要 3 分钟。

//通过十进制红色,绿色,蓝色三种值 (RGB) 创建不透明的颜色对象。div{
background: rgb(255,0,0); background: rgb(100%,0%,0%);}//通过十进制红色,绿色,蓝色,以及 alpha 四种值 (RGBA) 创建带alpha透明的颜色对象。div1{
background: rgba(255,0,0,0.5); background: rgba(100%,0%,0%,0.5);}//创建格式为 #AARRGGBB 的十六进制 (hex representation) 颜色 (注意不是 #RRGGBBAA !)。div2{
background: argb(rgba(255,0,0,0.5)); background: argb(rgba(100%,0%,0%,0.5));}//通过色相 (hue),饱和度 (saturation),亮度 (lightness) 三种值 (HSL) 创建不透明的颜色对象。div3{
background: hsl(90,100%,50%);}//通过色相 (hue),饱和度 (saturation),亮度 (lightness),以及 alpha 四种值 (HSLA) 创建透明的颜色对象。div4{
background: hsla(90,100%,50%,0.5);}//通过色相 (hue),饱和度 (saturation),色调 (value) 三种值 (HSV) 创建不透明的颜色对象。div5{
background: hsv(90,100%,50%);}//通过色相 (hue),饱和度 (saturation),色调 (value),以及 alpha 四种值 (HSVA) 创建透明的颜色对象。div6{
background: hsva(90,100%,50%,8%);}

csss

div {
background: #ff0000;}div1 {
background: rgba(255, 0, 0, 0.5);}div2 {
background: #80ff0000;}div3 {
background: #80ff00;}div4 {
background: rgba(128, 255, 0, 0.5);}div5 {
background: #408000;}div6 {
background: rgba(64, 128, 0, 0.08);}

 

本文转自农夫山泉别墅博客园博客,原文链接:http://www.cnblogs.com/yaowen/p/7002079.html,如需转载请自行联系原作者

你可能感兴趣的文章
Ogre2.0 全新功能打造新3D引擎
查看>>
Yii2发送邮箱总结
查看>>
Jedis操作Redis
查看>>
第一百八十七节,jQuery,知问前端--cookie 插件,注册成功后生成cookie,显示登录状态...
查看>>
caddy server 几个常用插件
查看>>
Linux工具之man手册彩色页设置
查看>>
android_浅析canvas的save()和restore()方法
查看>>
浅谈DDD
查看>>
在使用springMVC时,我使用了@Service这样的注解,发现使用注解@Transactional声明的事务不起作用...
查看>>
Servlet入门(第一个Servlet的Web程序)
查看>>
Android学习笔记进阶18 之画图并保存图片到本地
查看>>
安装wxWidgets遭遇的两大关卡
查看>>
MapReduce实战(六)共同粉丝
查看>>
Java 实现单链表反序
查看>>
移植alsa-lib遇到的问题
查看>>
镜像的缓存特性 - 每天5分钟玩转 Docker 容器技术(14)
查看>>
[Node.js]多进程
查看>>
面试归来,感觉无望,下次再战
查看>>
C#之值类型和引用类型
查看>>
项目经理的五种权利
查看>>