CSS中的颜色值详解

AYIPetra 3年前

来自: http://www.wutongwei.com/front/infor_showone.tweb?id=194

在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 ,欢迎大家传播与分享.

</div>