css设置背景透明度、16进制色值设置透明度
1、rgba(推荐)
(rgba与rgb区别:rgb和rgba都表示颜色。
rgb: 代表 红 绿 蓝 三种颜色
rgba: 在rbg的基础上加了 “alpha” 透明度,取值在0-1之间。)
background: rgba(0,0,0,0.4);
2、rgb( 0 0 0 /x%) 这是之前写样式用的格式,也可以渲染成功
background: rgb(0 0 0 /40%);
3、十六进制色值,在16进制色值后直接加两位数字,作为透明度
同样取值在0~255,那么如果想设置透明度为0.5,就要加255的一半,大约用128,搜一个进制转换工具,转换出来16进制数是80
在我们想要加透明度的色值后面直接加上80即可
4、opacity, 取值在0-1之间,值越小越透明
但子元素会继承父元素的透明度,即使在设置子元素opacity,也是在父元素opacity基础上设置,使用场景非常有限
css设置背景透明度、16进制色值设置透明度相关推荐
- 踩坑~CSS~8 位16 进制颜色
踩坑-CSS-8 位16 进制颜色 背景 初步结论 网页颜色 16 进制数字表示方法 十进制"函数"表示 支持度与最终结论 背景 我在开发 webview 环境下的 H5 小应用( ...
- android 颜色透明度16进制换算
Android中的颜色值通常遵循RGB/ARGB标准,使用时通常以"#"字符开头,以16进制表示. 透明度 (透明)0 –> 255(不透明) 对应着16进制 (透明)00 ...
- 颜色透明度 16进制对应表
一.颜色透明度和十六进制对应的表格: 透明度 16进制 100% 0 99% 3 98% 5 97% 7 96% 0A 95% 0D 94% 0F 93% 12 92% 14 91% 17 90% 1 ...
- 颜色rgb设置透明度 16进制常见颜色
数字是0-255 rgba(44,255,,0) 最后一个数字是0 纯透明 rgba(44,255,,1) 最后一个数字是1 纯不透明 16进制颜色 #ffff00黄色 #0000ff蓝色 #ffff ...
- 16进制色值透明度对照表
100% - FF 99% - FC 98% - FA 97% - F7 96% - F5 95% - F2 94% - F0 93% - ED 92% - EB 91% - E8 90% - E6 ...
- CSS标准颜色值查找 16进制10进制颜色值表 颜色中英文名称 在线颜色配色对比效
名称背景 数值背景 颜色名称 中文名称 十六进制RGB 十进制RGB 粗细字体配色参考 aliceblue 艾利斯兰 #f0f8ff 240,248,255 艾利斯兰[中国搜] antiq ...
- 透明度,颜色透明度16进制对照表
100% - FF 99% - FC 98% - FA 97% - F7 96% - F5 95% - F2 94% - F0 93% - ED 92% - EB 91% - E8 90% - E6 ...
- python把10进制数字转16进制并设置字符串宽度右对齐,前面填充0
代码: print(hex(255)[2:].zfill(2)) print(hex(7)[2:].zfill(2)) print(hex(70)[2:].zfill(2)) 运行:
- 16进制颜色值透明度百分比对照
透明度的16进制色值和百分比对照表 写代码会常用到透明度,例如红色16进制不加透明度为#FF0000,前面两位为透明度#00FF0000 <color name="red"& ...
最新文章
- html中for标记,C#使用for循环移除HTML标记
- doc es 中type_Elasticsearch(024):es常见的字段映射类型之 连接类型(join type)
- 用Python爬取Bilibili视频,难吗?
- 2017.3.14 软件包管理器 思考记录
- codeigniter中 get_instance()的应用
- C++之指向const对象的指针和const指针
- 《Java深入解析》阅读笔记二(运算符与表达式)
- js-数据类型和变量
- 计算机是根据用户名,根据用户名移动计算机账号
- 三段式状态机的原理/代码/仿真,1001序列检测实例Verilog
- 计算机时钟的工作原理,电脑时钟电路工作原理
- 移动前端开发屏幕宽度设置之viewport的深入理解
- 大功率锂电池组BMS(电池管理系统)保护板电路介绍(ACS758/CH704应用案例)
- 利用kali Linux进行中间人攻击
- bzoj1499(DP+单调队列)
- 《大明王朝》掠之于官
- SQL_数据库表的操作
- 微信解除自定义表情150个上限?
- 一个简单的B站视频抽奖小程序
- win 10 mmdetection 配置
热门文章
- 接口测试——postman文件夹介绍以及批量执行用例
- KBQA知识总结(学习笔记)
- Java三大版本及 JVM JDK JRE 及 SDK API
- Python PyCharm Django 搭建web开发环境
- ​WebStorm 超好用的10款插件,效率提升了好多!
- 量化交易入门阶段——欧奈尔的CANSLIM模型(N 新产品、新管理层和股价创新高)
- 微信小程序 报错一大串 define is not defined
- Elasticsearch(ES) 基本知识
- 喷墨打印机的使用 hp LaserJet 1010 HB 打印顺序
- 利用 Echarts 简单制作省份或区域地图步骤