CSS中的颜色值详解
在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 ,欢迎大家传播与分享.
正文到此结束
热门推荐
相关文章
近期评论
-
文章和留言都翻到11页了 没有OOM
-
-
朋友，翻页到11页，及以后，会出现OOM，无法访问
-
-
搞个gitee的项目
-
-
版本号是多少，你可以下载哪个代码仓库，jdk选1.8 直接跑就行
-
-
-
Loading...
![[HBLOG]公众号](https://www.liuhaihua.cn/img/qrcode_gzh.jpg)
