整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
天给大家带来是一个金属的开关，大家看一下，别看着操作很简单但是很复杂的，包括这里面没有用任何的图片和图标，纯用css写出来的，大家可以看一下。
解析一下代码区域，我的开发工具是h pro x开发uni up。
·首先用个vivo式的容器定一个容器，里面放了个第二层的vivo式的容器，里面弄了个老本开关标签，弄一个开关手柄。
·在unif中应该知道是什么意思，就是随着真假而变换样式，两个，大家看这个颜色就应该知道了，是背景滑动的时候，下面就是位置的变化。
·gs部分定义了个flash，在进行点击的时候从真变假，从假变成真的切换，样式就跟着真假进行变换的。
·cs部分都是提前定义好的固定的样式，这是整体的。
·这就是开关容器的基本的设定，大家可以看到它的大小、宽高，取消底部外编剧的，把这个删掉，其实也没什么用，前面多写了，可以删掉。
·这个是开关标签样式的设定，就是颜色根据真假进行变化，说白就是固定的，除了颜色以外其他都是固定的。
·这个就是开关手柄，就金属的手柄的样式，大家可以牢记一下，可以自己动手去写一下。
其实就这么几行，cs部分基本上都是固定的固定色，只有这里进行了真假的切换和样式的切换才形成动态的效果。
喜欢的可以点赞收藏一下，想要这个元代码的可以找我唠嗑或者点击下方都可以，多多会给你们发送，但是我还是点个自己动手去写，我还是建议，今天就先讲到这。
者：前端日志
转发链接：https://mp.weixin.qq.com/s/zoEfqIwfsnAWVO8L7xuUuQ
tml代码里，表示颜色一般用两种方法，一种是直接写出颜色的英文，另一种是前面写个“#”后面再写6个数字字母。
先说第一种表示方法，这个很简单，如果要表示黑色直接就是black，红色就red，蓝色就blue。具体的我们看下面图1，图2
图1
图2
现在来说第二种，这也是我们这个文章要重点说的，因为这个也是最经常用的表示方法，很多人看到这个又是字数又是字母的就糊涂了，今天我们来详细的把它讲清楚。先用图片来说明一下，先看下面图3
图3
图3里的#000000表示的是黑色，#ff0000表示红色，#00ff00表示绿色，所以说这个效果是和图1一样的。那要怎么理解这种表示颜色的方法呢，我们再来列出几个颜色和它的表示法：
红色：#ff0000，绿色：#00ff00，蓝色：#0000ff， 大家仔细看一下就可发现，这个和我们平常说的RGB格式来表示颜色是一样的，相当于红绿蓝三个光，而f是十六进制中的0,1,2,.....e,f中的f了 。f是里面的最大值了，ff代表该颜色光的值达到最大，所以#ff0000是红色，#880000表示的也是红色，只是没有#ff0000这个那么红了。其他的也是同理。所以#000000代表三个颜色光的值都为0，没有任何光了，那就是黑色了，相反#ffffff代表三个颜色光的值都达到最大，混合在一起就成白色。我们也知道红光和蓝光混在一起是紫色的，所以#ff00ff表示的是紫色，同样#ffff00表示的是黄色。讲到这里相信大家应该都明白了怎样用这种方法表示颜色了吧，如果要表示一种颜色，只要把相应的值增加或减小或者添加另一个颜色，这样就可以得到千千万万种颜色了。
这两种表示颜色的方法都讲完了，尤其是第二种方法，大部分情况都是用这种方法来表示html里面的颜色的。如果大家有什么更好的更容易理解的想法，可以点击关注【点点有你】一起来讨论一下哦
最后，如果您觉得我写的这些文章对您有帮助的话，您可以根据您的情况随意给点赏金，我相信一分也是爱也是支持，下面两图是我的支付宝和微信收款码。当然写文章不是一定要让您给赏金的，有您的支持和赞助，我会有更多动力来写文章和大家分享的，再次感谢您的支持和理解！
*请认真填写需求信息，我们会在24小时内与您取得联系。
