029-89503350
全部建站入门设计理念制作教程SEO优化维护托管行业聚焦公司动态
上一篇 下一篇

CSS在网站制作中color属性的写法汇总

<制作教程>     编辑:西安网站建设公司    DATE:2018-11-14

       西安网站制作公司的程序员们在编写css代码时,总会不时用到color属性。作为网站制作过程中最常用到的CSS属性之一 ,也许大家并不完全知道color一共有几种表达方式,本篇文章西安麦欧科小编就为大家汇总一下,CSS在网站制作中color的所有书写表达方式。

书写方式一:用十六进制代码来指定颜色

       这种方法也是最常用的方法之一。用这种方法填写的color属性值,不仅十分精确,而且颜色的种类也比用颜色名称所代表的颜色种类多的多。比如想将颜色设为纯白色,可以写成color: #FFFFFF;想将颜色设为纯黑色,可以写成color: #000000;但是,请一定要记住,在具体的颜色代码前有一个#号,这个符号一定不要忘写了。


书写方式二:直接用颜色名称来指定颜色

       这种方法算是最精简的书写方法了,比如用color:yellow;来指定当前属性的颜色为黄色;用color:green;来指定当前当前属性的颜色为绿色等。这种方法的特点是用起来比较简单,直接写颜色名称即可。但缺点同样明显,一是颜色名称繁多,想要写颜色值,需要熟练记忆众多颜色的英文名称,对于英语比较差的人来说,可能是一种糟糕的体验。二是颜色值表示不精确。比如颜色代码color:forestgreen;指定当前属性颜色为森林绿。 在不同的浏览器中,这个颜色的显示可能会有所不同。

书写方式三:RGB:rgb(red,green,blue)

       这种方法相对于以上两种方法没有那么常见,但是也经常用到。这个属性用三种颜色属性分别代表三个通道。第一个通道为红色,第二个通道为绿色,第三个通道为蓝色。我们都知道,红绿蓝三种颜色被合称称为三原色,这三种颜色相互交织就可以形成其他各种各样的颜色。所以,只要在css中设置好这三种颜色,就可以形成各种各样的颜色。比如,我要设置纯蓝这种颜色,那么我就可以写成color:rgb(0,0,255);

书写方式四:RGBA:rgba(red,green,blue,alpha)

       这种方法其实相当于是第三种方法的拓展,只不过是在第三种方法后边增加了一个alpha属性而已。我们都知道,在网页设计模块中,有的时候,需要用到具有一定透明度的颜色。这个时候我们就需要用到alpha属性了。这个属性控制颜色的透明度,它的值是(0,1),也就是说0到1之间,值越小,不透明度也就越小。比如,我要将纯蓝颜色的透明度调低,那么我可以写成rgb(0,0,255,0.3);这句代码的意思就是纯蓝颜色,0.5的不透明度。

       综上所述,西安的网站制作程序员们能够熟练掌握以上几种方法,就足以应付网站设计过程中关于颜色的设置,希望能够帮到各位看官。

       本文由麦欧科技的西安网站制作团队网络整编而成,不代表本站观点。如需了解更多网站制作的文章、新闻、资讯和建站技巧、案例、各种网站制作知识百科请进入:http://www.xamokj.com/slist/sc5509713_list.html ,而且能够与麦欧科技专业客服进行一对一解答。
相关热点资讯
COPYRIGHT © 2012-2019 西安麦欧软件科技有限公司 ALL RIGHTS RESERVED  地址:西安市 · 未央区 · 三桥新街 · 启航时代广场 · C座1001
电话:029-89503350 / 13720775355  陕ICP备15001814号  麦欧官网所有资料仅供参考 · 不作为签约和履约的承诺  法律顾问 · 陕西臻理律师事务所