欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

CSS中的颜色值详解_html/css_WEB-ITnose

程序员文章站 2022-06-11 10:23:56
...
在CSS中,颜色的用法是有几种的方式来处理,比如像我经常比较喜欢用的红色,就有以下的几种表达方式:
  • #ff0000

  • #f00

  • rgb(255,0,0)

  • rgb(100%,0%,0%)

  • red

  • regba(255,0,0,1)

第一种是16进制的写法,

第二种是16进制的缩写法,

第三种是RGB的0~255的颜色值设置,

第四种也是RGB的方式,只是值使用的是百分比,

第五种使用的是颜色名称,当然这里只能是部分的颜色名称(这里只是一种规定,不可能规定所有的颜色值的名称).常用的: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red,silver, teal, white, yellow.

transparent是透明颜色.

第六种是带了透明度的做法,最后一个参数是设置透明的程度,范围是0~1,数值为浮点数.

而颜色在我们常用的属性里面,主要有字体颜色,背景颜色,边框颜色,颜色渐变方面等.比如下面的CSS:

h1{

font-size: 16px;

color: #ff0000;

}

.bg{

backgroud-color: rgb(255,0,0);

}

.txt {

color: red;

}

等等相关的属性使用.把这些CSS放入到你的CSS所在的位置,刷新页面就会看到设置后的效果.

颜色值的使用,当然需要靠设计师的搭配,程序员才能使用这些特点,更好的使你的应用程序发挥得出色. 就行人还得靠靓装,才能更突出的展现.

本文属于吴统威的博客, 微信公众号:bianchengderen,QQ群:186659233的原创文章,转载时请注明出处及相应链接:http://www.wutongwei.com/front/infor_showone.tweb?id=194 ,欢迎大家传播与分享.