当前位置:首页 > 前端技术 > CSS 色彩定义

CSS 色彩定义

2022年09月16日 19:14:15前端技术4

3 种方法定义颜色

  1. rgb 函数,例如 rgb(255, 255, 255) 表示白色
  2. 可以指定透明度的 rgba 函数, a: alpha,例如 rgba(123, 123, 123, 0.3);
  3. 16 进制表示法, 例如 #ffffff 白色。
  4. 16 进制速记法,如果表示颜色的两个数字相等,可以合并成一个数字,因此 #fff = #ffffff#00ffff = #0ff 等等

在实践中,绝大多数时候都使用 16 进制定义颜色,当需要透明度时,使用 rgba 函数。

灰色渐变

当 R,G,B 3 个通道的颜色值完全相等时,颜色为纯灰色。从 #000#fff 共有 256 种纯灰色可以选择,例如 #000 纯黑,#444444 / #444 深灰,#b7b7b7 浅灰,#ffffff / #fff 纯白 等等。

作者:小公鸡卡哇伊呀~
来源链接:https://blog.csdn.net/ftell/article/details/123139319

版权声明:
1、JavaClub(https://www.javaclub.cn)以学习交流为目的,由作者投稿、网友推荐和小编整理收藏优秀的IT技术及相关内容,包括但不限于文字、图片、音频、视频、软件、程序等,其均来自互联网,本站不享有版权,版权归原作者所有。

2、本站提供的内容仅用于个人学习、研究或欣赏,以及其他非商业性或非盈利性用途,但同时应遵守著作权法及其他相关法律的规定,不得侵犯相关权利人及本网站的合法权利。
3、本网站内容原作者如不愿意在本网站刊登内容,请及时通知本站(javaclubcn@163.com),我们将第一时间核实后及时予以删除。


本文链接:https://www.javaclub.cn/front/42326.html

标签: css
分享给朋友:

“CSS 色彩定义” 的相关文章

浏览器对css 伪类 hover的支持

浏览器对css 伪类 hover的支持

今天在调试的时候,发现用hover写的样式在火狐上可以,在ie上却不行,百度了下,原来我用的是ie的Quirks模式。 这是在http://www.w3help.org网站上查到的结果。 问题描述 IE6 IE7(Q) IE8(Q) 不支持 A 元素以外的其他元素的...

用HTML5/CSS3/JS开发Android/IOS应用

用HTML5/CSS3/JS开发Android/IOS应用

现在人人都想成为安卓/IOS应用开发工程师。其实,安卓/IOS应用可以用很多种语言来实现。由于我们前端开发工程师,对HTML5/CSS/JavaScript的网络编程已经相当熟悉了。所以,今天大家将会认识到一些利用前端语言来开发安卓/IOS应用的工具。  在...

VSCode代码自动补全(html标签、style样式、css属性及值)

VSCode代码自动补全(html标签、style样式、css属性及值、),修改配置文件即可完成! 操作环境 1. 系统window 10 2. 软件VS code 2019汉化 1.按CTRL+SHIFT+P 2.输入搜索Su...

springmvc如何引入css等资源

   配置文件: <mvc:resources location="/WEB-INF/css/" mapping="/css/**" />     <mvc:resources location="...

css中的@media用法总结

1、head标签中引入 //语法: @media mediatype and | not | only (media feature) { css-code; } //也可以针对不同的媒体使用不同的stylesheets: <!--<link rel="st...

css去除html中a标签的默认样式

html中a标签的默认样式实在是太丑,这简直是对前端程序猿的一种蹂躏!!!所以通常情况下需要去除a标签的默认样式。 以下代码是在a标签的不同状态下去除默认的下划线,如果要修改颜色、字体等,在对应位置添加css样式即可。 /*去除a...

什么是HTML和CSS

什么是HTML和CSS? HTML的定义: 首先来说HTML,HTML中文称为超文本标记语言,从语义上来说,它只是一种是一种标识性的语言,并不是一种编程语言。所以在提及其作用时,只能从语义方面去想,而不能从样式上去想。它其中有许许多多的标签,...

CSS放置显示a标签的下划线

  text-decoration: underline; text-decoration属性规定文本修饰(下划线 underline、上划线 overline、中划线 line-through) 作者:迷豆腐 来源链接:https://blog.cs...

css一个标签添加多个class的样式顺序问题

css一个标签添加多个class的样式顺序问题

在使用jquery给div元素添加class时发现一个问题。就是后添加的class中的式样没有覆盖掉原来的class中的式样。 相关css如下: /*div标签原有样式*/ .nav>.navlogin, .navregist {...

CSS将img图片填满父容器div,自适应容器大小

当一个页面中引入多张图片时候,会碰到图片尺寸不一致,单要求显示成一致的大小,我们直接设置图片尺寸会导致图片变形,这就是我们遇到的问题,看下解决方法: <div> <img src="引入的图片地址" alt=""> </div&...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。