【无聊之作】①CSS测试三基色融合测试是否能得到新颜色（白、黄、橙等）；②CSS赋值英文red、green、blue与三基色RGB对应测试

一、测试能否实现三原色合出新色（方法是：透明度+堆叠）

(很明显，行不通，难道我方法错了?)

二、测试赋值英文red、green、blue与三基色RGB是否对应

代码：（不含兼容）

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">body { padding: 0; margin: 0;}.wrap { width: 200px; height: 200px; float: left; margin: 100px;}.box { width: 200px; height: 200px; font-size: 20px; text-align: center; line-height: 200px; color: #fff;}/*test1*/
.color-red { background: red; opacity: 0.5;}.color-green { background: green; opacity: 0.5; margin-top: -150px; margin-left: 50px;}.color-blue { background: blue; opacity: 0.5; margin-top: -150px; margin-left: 100px;}.color-R { background: rgba(255, 0, 0, 0.5);}.color-G { background: rgba(0, 255, 0, 0.5); margin-top: -150px; margin-left: 50px;}.color-B { background: rgba(0, 0, 255, 0.5); margin-top: -150px; margin-left: 100px;}/*test2*/
.container { float: left; margin-left: 100px;}.battle { float: left;}.red { background: red;}
.R { background: rgb(255, 0, 0);}.green { background: green;}
.G { background: rgb(0, 255, 0);}.blue { background: blue;}
.B { background: rgb(0, 0, 255); }
</style>
</head><body><div class="wrap"><p>red、green、blue<br />+opacity透明</p><div class="box color-red"></div><div class="box color-green"></div><div class="box color-blue"></div></div><div class="wrap"><p>RGBA</p><div class="box color-R"></div><div class="box color-G"></div><div class="box color-B"></div></div><div class="container"><p>英文单词赋值与RGB的对比（很明显，只有green与RGB不对应）</p><div class="battle"><div class="box red">red</div><div class="box R">rgb(255, 0, 0)</div></div><div class="battle"><div class="box green">green</div><div class="box G">rgb(0, 255, 0)</div></div><div class="battle"><div class="box blue">blue</div><div class="box B">rgb(0, 0, 255)</div></div></div>
</body>
</html>

【无聊之作】①CSS测试三基色融合测试是否能得到新颜色（白、黄、橙等）；②CSS赋值英文red、green、blue与三基色RGB对应测试相关推荐

【正点原子FPGA连载】第四十六章SD卡读写测试实验 -摘自【正点原子】新起点之FPGA开发指南_V2.1
1)实验平台:正点原子新起点V2开发板 2)平台购买地址:https://detail.tmall.com/item.htm?id=609758951113 2)全套实验源码+手册+视频下载地址:ht ...
OpenCASCADE绘制测试线束：数据交换命令之XDE 颜色命令
OpenCASCADE绘制测试线束:数据交换命令之XDE 颜色命令 XDE 颜色命令 XAddColor XFindColor XGetAllColors XGetColor XGetObjVisib ...
阿里云开放国内首个云端数据库测试平台，云已成为数据库新标准；华为5G随行WiFi发布；科大讯飞推出 AI 专用语音芯片系列……...
戳蓝字"CSDN云计算"关注我们哦! 嗨,大家好,重磅君带来的[云重磅]特别栏目,如期而至,每周五第一时间为大家带来重磅新闻.把握技术风向标,了解行业应用与实践,就交给我重磅君吧! ...
如何合理安排测试团队人员分工的问题？新梦想软件测试
对于大部分研发团队,测试资源总是处于紧张的状态.一些项目经理,测试经理也常常抱怨,测试人员配比总是低于常规的比例.那么怎么安排测试资源,特别是在时间有限的情况下,以及在不能增加测试人手的情况下?作为管 ...
听云短信接口安全测试，你的短信接口到底有多危险，可能瞬间损失过万，短信接口防盗刷测试
– "隐患险于明火,防范胜于救灾,责任重于泰山" 安全问题不容忽视,不要亡羊补牢! 前言一丶找到对外短信接口二丶分析外部防御措施三丶查看请求报文四丶分析测试 1. 直接在浏 ...
php创建扑克牌,利用php模拟分发扑克牌(无聊之作)
无聊之作我也不知道为什么一到周一就这么无聊,闲着没事干就开始准备水文了.然后就收到了我班同学邀请我去斗地主(微信小程序),灵感刷刷刷的就来了,与其呆着无聊,倒不如用php模拟一下斗地主的发牌. 说干 ...
无聊之作-纸牌接龙（排火车）结束平均次数
今天看论文看累了,在实验室看到一幅扑克牌,想到小时候的无聊游戏-纸牌接龙(排火车,排竹尖),就是一副牌(去掉大小王)分成两份给两个人,然后每个人依次出一张按顺序放入队列中,当某一人出的一张牌,在队列中 ...
测试适合什么颜色衣服的软件,超准的颜色测试！一语道破你最适合穿什么颜色的衣服！...
原标题:超准的颜色测试!一语道破你最适合穿什么颜色的衣服! 测试最适合穿什么颜色的衣服~ 想知道自己更适合穿什么颜色吗快来做个测试吧所谓适合自己的颜色,是指根据每个人的肤色.头发的颜色.瞳孔的颜 ...
测试适合什么颜色衣服的软件,形象顾问 | 超准的颜色测试！一语道破你最适合穿什么颜色的衣服！...
原标题:形象顾问 | 超准的颜色测试!一语道破你最适合穿什么颜色的衣服! 提示: 形象顾问穿上适合自己的颜色,让自己变得更加有魅力的颜色. 上期我们做了个测试,后台小姐姐再求测试(精益求精被迫症~) ...

【无聊之作】①CSS测试三基色融合测试是否能得到新颜色（白、黄、橙等）；②CSS赋值英文red、green、blue与三基色RGB对应测试

一、测试能否实现三原色合出新色（方法是：透明度+堆叠）

二、测试赋值英文red、green、blue与三基色RGB是否对应

代码：（不含兼容）

【无聊之作】①CSS测试三基色融合测试是否能得到新颜色（白、黄、橙等）；②CSS赋值英文red、green、blue与三基色RGB对应测试相关推荐

最新文章

热门文章