如何创建双色单色div？_如何制作不同字体大小的多色或双色QPush按钮？_如何用CSS创建多色边框？ - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

配色神器R-grafify

这里介绍一下grafify这个包，虽然它只能做基础绘图和基础分析，比如说柱状图、点图和ANOVA，

02

颜色系(color palette)是什么？一文带你掌握全部用法！

颜色的选择是创建有效图表的主要因素。一组好的颜色将突出您希望数据讲述的故事，糟糕的颜色会隐藏或分散可视化数据的目的。

01

您找到你想要的搜索结果了吗？

是的

没有找到

「Adobe国际认证」6 种配色方案，让一切设计都能完美无瑕？

作为一名平面设计师或任何与此相关的设计师，重要的是您要了解颜色之间的不同组合和关系，以确保您以一种看起来恰到好处的方式将它们组合在一起。

03

opencv: 颜色通道探究(图示+源码)

大家都知道的，在OpenCV中，图像都是按 BGR 的颜色通道顺序来进行处理的。在自学OpenCV的过程中，我对拆分和合并颜色通道起了兴趣。自己写了一些代码来验证自己的思路。

02

还有哈利波特主题的颜色包！？是时候汇总Python-R的颜色主题包了

今天这篇推文我们系统介绍下颜色主题，虽然之前也有介绍过一些优秀的配色网站,也有搭配好的颜色主题可以直接参考，但有没有直接供Python或者R绘图直接使用的关于颜色设置的第三方包呢？这边推文将较为详细的介绍关于Python的R的颜色主题包，主要涉及的内容如下：

02

如何在设计中使用色彩叠加

色彩在任何设计中都是一个重要的组成部分。无论你是喜欢明亮、大胆的色彩，或是更喜欢简约的黑白色,如何使用颜色对整体的设计有很大的影响。设计中使用颜色叠加是运用颜色做陈述的一个方法。这意味着你用一个半透

06

变化之美！重新回归主流的渐变色设计趋势

在扁平化设计刚刚兴起之时，渐变是设计师们避之不及的设计手法，然而今天它已经正式回归。几乎是在一夜之间，无数的网站开始使用渐变色。

01

科研绘图配色

颜色需要有自身的意义。不同的颜色表示不同的分组，相近的颜色表示同一个分组；配色需要展现数据逻辑关系，突出关键数据，比如重要的数据用深色或暖色表示，不重要的数据用浅色或冷色表示。

01

三色视者与四色视者身后的理论基础:色彩原理

理论上，常人的肉眼是三色视觉（Trichromacy），通过三种视锥细胞（也可以说感光色素）来生成蓝色、绿色和红色的波长。但是，肉眼的不足之处是存在同色异谱色（metamers），也就是说尽管色彩看起来相同，但实际上是由不同光谱组成的。

00

【前端攻略--HTML/CSS】边框、文字效果与字体图标实例介绍

字体：实际上是长得像图标的字体，占用的空间小，消耗的带宽小，能够更快的显示页面。字体是矢量的，所以不会失真，可以按照字体一样设置字体颜色和大小。

01

iconfont的使用

1.font-class引用备注：不支持多色 <link rel="stylesheet" type="text/css" href="../../SL%20img/one/iconfont.css"> </head> <body>

<i class="iconfont ic

02

C#下怎样处理并保存单色格式PNG图片？

用微软自带的画图，打开一个已经存在的单色PNG图片文件，然后复制图像粘贴上去，做点反色或其他处理再保存，可以得到黑白单色PNG图片；但是，如果有很多黑底白字的图片要想改成白纸黑字的单色PNG格式保存这就很麻烦了，譬如2,3百张BMP或JPG图片用来保存只有白纸黑字的书页真是浪费。可是，有些索引格式图像如单色位图，或者单色PNG，如果用C#的Graphics类处理之后，保存文件只能得到非索引色格式或者GIF格式，若想以原格式保存文件似乎没有直接方便的方法可用，不得已只能用自己的代码一点一点去写像。以下代码，参考网上找了些的，加上实际证得：（注释并不是必需要的，有些编写代码过程中的记录，或者为了方便说明）

02

接口与通信-LED点阵

LED点阵屏是通过LED（发光二极管）组成的显示器件，以灯珠的亮灭来显示文字、图片、动画、视频等。它是各部分组件都模块化的显示器件，通常由显示模块、控制系统及电源系统组成。LED点阵显示屏制作简单，安装方便，被广泛应用于各种公共场合，如汽车报站器、广告屏以及公告牌等。

00

使用免费插画资源网站设计公众号首图

尝试学习一个设计工具并自己完成它可能会销耗大量时间。找一名专业设计师设计又可能消耗你昂贵的一笔。

02

根据eia/tia接线标准,简述双绞线的线序_rj45接线图

作者总结的两句口决真的很妙，不愧是工作在教育第一线的人民教师。以前我也自己写了个口诀，是“A绿B橙，中蓝尾褐，边白先中白后”现在看起来真实迂腐可陈。自己在大春老师的口诀上改了改，将双单、单双——双色在单位，单色在双位，即花线在前也总结进去。

01

投影行业高考作文曝光，你看能给多少分？

To improve is to change; to perfect is to change often. 丘吉尔的这句名言强调求变的重要性。对于瞬息万变的科技行业而言，创新和求变的意义不必赘述。

03

如何快速掌握正确的UI配色方案？6种技巧不容错过！

以下内容由Mockplus团队翻译整理，仅供学习交流，Mockplus是更快更简单的原型设计工具。原文地址用户体验设计涉及很多流程，需要足够的深思熟虑才能设计出符合用户需求的UI界面。虽然听起来不太复杂，但每个细节都需要设计师反复推敲。用户界面创建过程中耗时最长的阶段便是颜色选择，设计师往往可能要花上几个小时才能挑选到合适的颜色。在本文中，我们将介绍六个实用的配色技巧，帮助设计师为界面选择最适合的颜色，并使选择过程更加轻松，更高效！技巧1：掌握60-30-10原则这一原则或者说技巧源于室内设计，

08

R语言数据地图——全球填色地图

今天这篇是昨天美国地图的续篇，同样的方法技巧，不同的对象。整个过程以及代码并没有太大差别，只要拿到世界地图素材，根据之前的代码，自己修改参数和指标名称以及引用路径，完全可以做出来（尽管并不一定理解每句代码的含义）。 R语言环境: R x64 3.31/Rstudio 0.99.903/ggplot2 2.1.0 代码过程：加载功能所需支持的工具包： library(ggplot2) library(plyr) library("maptools") 导入并整理世界地图地理信息数据： world_map

08

R语言数据可视化之——TreeMap

今天这一篇跟大家分享R语言数据可视化之——TreeMap。在R语言中制作树状图需要独立的树状图工具包——TreeMap的支持。该包中提供特有的treemap函数结合各参数对树状图进行一系列元素进行个性化定制、调整。数据集使用本人虚构的某公司在中国各个大区、省份的销售额、利润增长率指标（假设各省份都有业务）。 R语言环境： R x64 3.31/Rstudio 0.99.903/treemap 2.4-1 数据集导入： data <- read.csv("F:\\数据可视化\\数据分析\\R\\R语言学

04

【配色指南】UI设计中使用明亮色彩的利与弊，你知多少？

以下内容由Mockplus团队翻译整理，仅供学习交流，Mockplus是更快更简单的原型设计工具。

01

如何建立一款App的配色方案

当我们评价一款app时，配色应该是仅次于其功能性的另一主要因素。现如今人机交互主要通过GUI来实现，色彩在交互过程中扮演着重要的角色。良好的色彩搭配会帮助用户发现页面中的重点，找到他们急于寻找的元素，更好的了解app的操作流程。每款app都会有一套其独有的配色方案。建立一套app的配色方案是件很困难的事情，因为理论上说你有无数种的组合方式。App中的色彩应用究竟有哪些重点呢？配色方案的建立又有着哪些套路呢？色彩的数目在app的界面中，尽量不要使用过多的颜色。诚然，过少的颜色搭配很难第一眼就能吸引住用户。但是你的app毕竟不是一锤子买卖，把用户吸引来就完事了。特别现在很多app都是偏工具类的，用户会经常使用app，那么页面中过多的颜色会让用户抓不到重点，影响用户体验。多伦多大学曾经做过一项调查，发现大部分用户都倾向于一个app页面中只有2—3款颜色。配色原则好吧，我们已经知道了用户只喜欢2到3款颜色。那么我们怎么才能正确的挑出那2到3款颜色呢？色轮可以帮助我们。

04

iconfont采坑

1. iconfont采坑 1.1. 前言使用iconfont过程中踩过坑特此记录不知道iconfont的这里也简单介绍一笔，阿里开放的一个图标素材库，用来快速找图标下载使用图标 iconfont

03

绚丽的javascript拾色器（不兼容IE8及以下）

一切尽在注释中 html节点

<input class="color-value" type="text" value="#ffffff" />

<canvas id="canvas" style="cursor:crosshair;

07

超全可视化基础讲解，这一次，拿下色彩搭配~~

当您筛选新闻提要时，什么往往会引起您的注意呢？视频、动画、GIF图片、图片？又或者其他视觉内容？

02

东芝开发板驱动OLED模块显示LOGO图片

介绍了系统SysTick实现精确延时，GPIO的输入输出使用，并实现了位带方式操作GPIO，大大简化了GPIO的输入输出控制。有了精确延时函数+GPIO控制，那么就可以使用通用GPIO模拟的方式，来驱动各种接口的显示器件传感器等。本文以通用GPIO模拟IIC协议，来驱动0.96寸OLED模块为例，来实现OLED显示字符、LOGO图片等等。

02

为什么大家都爱极简主义设计

简约并不意味着原始，这是两个截然不同的概念。而极简主义设计种大量的留白也并不等同于空。

02

UI极简风设计，你需要掌握这几点

简约并不意味着原始，这是两个截然不同的概念。而极简主义设计种大量的留白也并不等同于空。

03

PPT渐变效果怎么设计制作才精致？

如果你问我最喜欢的PPT设计技巧是什么，我相信，我会毫不犹豫的告诉你，是渐变。　　为什么这么说呢?因为在PPT设计中，如果你能用好渐变色，那么，你也能够做出一些设计感非常惊艳的页面。那么，他们是

03

默认配色辣眼睛？！那是你没发现这些宝藏学术颜色包(Colormaps)~~

这两天有小伙伴私信我说想使用Python-Matplotlib绘制一些学术图表，都纷纷吐槽其默认的颜色表(colormap) 真的是一言难尽。哈哈，小编也是这么觉得的，那么，今天这篇推文，小编就系统介绍一下优秀的关于Matplotlib颜色表(colormap) 第三方库。主要内容如下：

02

巧用渐变色打造精致移动端APP

渐变色是指某个物体的颜色从明到暗，或由深转浅，或是从一个色彩缓慢过渡到另一个色彩，充满变幻无穷的神秘浪漫气息的颜色。在扁平化设计刚刚兴起时，渐变是设计师们避之不及的设计手法。然而自从Instagram把经典的宝丽来相机logo更改为色彩鲜亮的扁平化图标以来，渐变色逐渐回归到了人们的视野之中，也逐渐成为了近年来移动APP设计的主要风潮之一。渐变色兴起的原因在于扁平化风格极其容易造成同质性，设计师如果需要追求视觉丰富度的设计语言，多数会运用插画设计和动效设计让自己的设计脱颖而出，但是这些技巧短时间内难以快

05

现代 CSS 颜色指南

在 CSS 中，颜色无处不在，它可以作为文字、背景、阴影、表格、边框、链接等属性。我们在 CSS 中使用的大多数颜色都是 hex 和 RGB，其实表示颜色的方式有很多，下面就来看看CSS中的颜色体系。

02

字节跳动官方出品，超级好用还能自定义

难以满足产品项目需求的，或遇到缺失图标的，往往还是需要设计师按所选图标的风格自己绘制。

01

漂亮很重要！UI设计师必备的7种色彩搭配方案

合理运用色彩是每个设计师都应必须具备的技能，特别是插画师和UI设计师。色彩理论知识的重要性也变得愈加明显！

03

ps怎么制作发黄的老旧照片? ps老照片调色的教程

本教程介绍非常逼真的老照片效果制作方法。老旧照片教程的制作难点是照片纹理的制作。需要用到多种滤镜，制作出一些类似残缺线条的效果。然后把这些纹理应用到单色照片上面就可以看到非常古典的效果。先看对比图，该怎么调色呢？下面我们就来看看详细的图文教程。

04

VUE项目iconfont自定义SVG（非SVG文件）-_PUSDN

VUE项目iconfont自定义SVG,在线或者离线下载的阿里巴巴icon font.js；并非SVG文件；

03

因为论文插图配色问题，被导师怼了两小时···

今天的提问环节是我们第一期可视化课程学员提供的，该同学在学习完我们的第一期课程之后，还是觉得自己的配色不是太好看，让我推荐几个好用的颜色工具包，如下：

02

测温仪器的原理知多少？

测温枪也叫测温仪，这个东西有可能对我们来说都比较陌生，它主要是应用红外测温技术提供生产生活中的温度测量，所以又被称为红外测温枪。这项技术在产品质量控制和监测、设备在线故障诊断、安全保护以及节约能源等发挥着重要作用，它以响应时间快、非接触、使用安全以及使用寿命长等优点，得到了广大消费者的青睐。简单的了解一下测温枪的优点以及它的工作原理吧。

04

【51单片机】LED点阵屏(动画显示CSDN)

在上述只是LED点阵适应的一小部分场合实际上来说它的应用场合可以说是非常多的都是我们大街小巷都能见到它的身影的。例如：我们都知道的广告牌上的流动的灯光、公共场合、夜光灯等等... 颜色分类 ⒈单色（在我们的开发板上的点阵屏就是单色只能显示红色的） ⒉双色（就比如说我们下图中间的图，它就是双色点阵） ⒊全彩（全彩就像是右边图一样都有红、绿、蓝三种光三原色）像素分类

01

Highcharts-11-饼图绘制大全

本文中介绍的是如何利用python-highcharts绘制各种饼图来满足不同的需求，主要包含：

03

BMP文件解析_图片分析

BMP(全称Bitmap)是Window操作系统中的标准图像文件格式，可以分成两类：设备相关位图(DDB)和设备无关位图(DIB)，使用非常广。它采用位映射存储格式，除了图像深度可选以外，不采用其他任何压缩，因此，BMP文件所占用的空间很大。BMP文件的图像深度可选lbit、4bit、8bit、16bit、24bit或者32bit。BMP文件存储数据时，图像的扫描方式是按从左到右、从下到上的顺序。由于BMP文件格式是Windows环境中交换与图有关的数据的一种标准，因此在Windows环境中运行的图形图像软件都支持BMP图像格式。

03

网页色彩死抠指南

网页色彩的使用方式有很多。而我认为，但凡用一件东西，懂得其原理肯定大有裨益。网页色彩也不例外。现在就来死抠一下网页色彩的究竟吧。

04

由RGB到HSV的转换详解

在图像处理中，最常见的就是RGB色彩模型。在RGB模型中，每种颜色出现在红、绿、蓝的原色光谱分量中。该模型基于笛卡尔坐标系。如图1所示，RGB原色值位于3个角上；二次色青色，深红色和黄色位于另外三个角上，黑色位于原点处，白色位于里原点最远的角上。

01

HDR关键技术：色度学，颜色空间及转换

HDR技术的第二个理论基础是色度学。从前面的文章中我们了解到，光学以及人类视觉感知模型为人类提供了解释与分析人类感知亮度的理论基础，但是HDR技术不仅仅关注于提升图像与视频的亮度范围，同时也关注于提供更加丰富的色彩。因此，在本文中，我们将首先介绍人眼与色度学相关的生理特征以及人类对颜色的识别方式，然后介绍颜色空间的概念，最后再回到HDR，介绍与HDR相关的颜色标准。

05

微博HDR视频的落地实践

大家好，我是刘文。目前负责微博客户端播放器的研发。今天我演讲的主题是微博HDR视频的落地实践。

03

Python图像处理

本章开始学习Python图像处理，需要同学们理解如何使用Pillow来操作图像，实现格式转换，改变大小尺寸，裁剪，滤镜处理。

03

用 Highcharts 绘制饼图，也很强大

前不久，阳哥在「Python数据之道」分享了读者投稿的文章，较为综合的介绍了可视化库 Highcharts ，这个一个 JavaScript 下的可视化工具，同时也有 Python 版本。前文链接如下：

03

UI界面的配色小技巧及案例演示

前言：在UI界面的配色中，你是怎么配色的呢？是不是直接参考别人如何搭配就跟着怎么搭？这样一直下去是不行的，我们要了解一些UI配色的基础知识，后续才会进步。我最近在做Dribbble，所以总结了一些UI配色的小技巧，希望能帮助到大家。

01

css @media 查询和屏幕适配

css语法 @media mediatype and|not|only (media feature) { CSS-Code; } 媒体类型值描述 all 用于所有设备 print 用于打印机和打印预览 screen 用于电脑屏幕，平板电脑，智能手机等。 speech 应用于屏幕阅读器等发声设备媒体功能值描述 aspect-ratio 定义输出设备中的页面可见区域宽度与高度的比率 color 定义输出设备每一组彩色原件的个数。如果不是彩色设备，则值等于0 color-index 定义在输

02

南理工傅佳骏/浙大邱建荣LPR：级联光子束缚介导三基色可转换NaErF4核正交上转换纳米结构及其逻辑化信息加密和多模发光防伪应用

创新点：基于级联激发光子捕获和界面能量传递遏制的协同作用，南理工傅佳骏团队与浙大邱建荣教授合作开发了一种三基色可转换NaErF4核正交上转换多层核壳纳米结构（RGB-UCNPs）。RGB-UCNPs在1550,808和980 nm近红外光激发下可产生不受功率密度影响的高色纯度R/G/B发光，并且当这三种近红外光同步激发RGB-UCNPs时其可实现宽色域的全彩发光输出。

02

肝！用 Highcharts 绘制饼图，也很强大

前不久，分享了读者投稿的文章，较为综合的介绍了可视化库 Highcharts ，这个一个 JavaScript 下的可视化工具，同时也有 Python 版本。

05

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭