CSS 的颜色代码 透明色是什么代码?

html-css010

CSS 的颜色代码 透明色是什么代码?,第1张

透明色:transparent

背景色设为透明,代码如下:background-color:transparent

字体颜色设为透明,代码如下:color:transparent

扩展资料:

常用颜色代码分4种,分别如下:

1、常用颜色单词,比如green(绿色),yellow(黄色),red(红色),transparent(透明色)等;

2、以#号开头的六个字符组成的颜色代码,比如:#FF0000(红色),#000000(黑色),#F9F900(黄色)等;

3、颜色rgb值,表达方式:rgb(参数1,参数2,参数3),三个参数分别表示r,g,b

1)R:红色值。正整数|百分数

2)G:绿色值。正整数|百分数

3)B:蓝色值。正整数|百分数

4、rgba(参数1,参数2,参数3,参数4),这种方式前三个参数与上面第3点种相同,第四个参数表示透明度,数值在0-1之间。0表示透明度为0(即透明色),1表示透明度为1(百分百)。

可以设置表单控件的outline属性为none值来去掉浏览器自带白色背景。

css代码如下:

input,

button,

select,

textarea{outline:none}

CSS(层叠样式表):

层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。

CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。

.skin-box-bd,.skin-box-bd .popup-container,.skin-box-bd .menu-list{border:none background:#000000 height:30px line-height:30px}

.skin-box-bd .popup-container .popup-icon{display:none}/*data-title="本代码由42zy.com自动生成"> */

.skin-box-bd .menu-list{height:30px line-height:30px}

.skin-box-bd .menu-list .menu,.skin-box-bd .menu-list .menu .link,.skin-box-bd .menu-list .menu .link .title{background:#000000 border:none color:#FFFFFF font-family:arial height:30px line-height:30px}

.skin-box-bd .menu-list .menu-hover,.skin-box-bd .menu-list .menu-hover .link,.skin-box-bd .menu-list .menu-hover .link .title{background:#FFFFFF color:#000000}/*data-title="本代码由42zy.com自动生成"> */

.skin-box-bd .all-cats-trigger,.skin-box-bd .all-cats-trigger .link,.skin-box-bd .all-cats-trigger .link .title{width:px height:30px line-height:30px background:# color:# border:none font-family:arial}

.skin-box-bd .all-cats-hover,.skin-box-bd .all-cats-hover .link,.skin-box-bd .all-cats-hover .link .title{background:# color:#}/*data-title="本代码由42zy.com自动生成"> */

.skin-box-bd .popup-content{width:px border:none background:#}

.skin-box-bd .popup-content .cat-icon{display:none}/*data-title="本代码由42zy.com自动生成"> */

.skin-box-bd .popup-content .cats-tree .fst-cat,.skin-box-bd .popup-content .cats-tree .fst-cat .fst-cat-name,.skin-box-bd .popup-content .menu-popup-cats .sub-cat,.skin-box-bd .popup-content .menu-popup-cats .sub-cat .cat-name{border:none height:px line-height:px color:# width:px overflow:hidden font-family:arial}

.skin-box-bd .popup-content .cats-tree cat-hd-hover,.skin-box-bd .popup-content .cats-tree .cat-hd-hover .fst-cat-name,.skin-box-bd .popup-content .menu-popup-cats .sub-cat-hover,.skin-box-bd .popup-content .menu-popup-cats .sub-cat-hover .cat-name{background:# color:#}/*data-title="本代码由42zy.com自动生成"> */

.skin-box-bd .popup-content .cats-tree .snd-pop .snd-pop-inner,.skin-box-bd .popup-content .cats-tree .snd-pop .snd-pop-inner .fst-cat-bd,.skin-box-bd .popup-content .cats-tree .snd-pop .snd-pop-inner .fst-cat-bd .snd-cat .snd-cat-hd .snd-cat-name{background:# width:px height:auto color:# font-family:arial}

.skin-box-bd .popup-content .cats-tree .snd-pop .snd-pop-inner .fst-cat-bd .snd-cat .snd-cat-hd-hover,.skin-box-bd .popup-content .cats-tree .snd-pop .snd-pop-inner .fst-cat-bd .snd-cat .snd-cat-hd-hover .snd-cat-name{background:# color:#}

.skin-box-bd .menu-list .menu-selected .link,.skin-box-bd .menu-list .menu-selected .link .title{background:#000000 cursor:pointer color:#FFFFFF border:none}

参考这个工具http://www.42zy.com/zx/9.html