这种办法也是最常用的办法之一。用这种办法填写的color属性值,不仅十分精确,并且色彩的种类也比用色彩名称所代表的色彩种类多的多。比如假如想将色彩设为纯蓝色,可以写成color: #0000FF;然则,请必定要记住,在具体的色彩代码前有一个#号,这个符号必定不要忘写了。
我们大年夜家在制造网站、编写css代码的时刻,总会时不时的用到color属性。作为网页制造过程中最常用到的属性之一 ,大年夜家知道color有几种表达办法吗?今天我就带大年夜家一路来看一下。
这种办法是最常用到的办法之一,比如用color:red;来指定当前属性的色彩为红色;用color:yellow;来指定当前当前属性的色彩为黄色等等。这种办法的特点是用起来比较简单,直接写色彩名称即可。但缺点同样明显,一是色彩名称繁多,想要写色彩值,须要闇练记忆浩瀚色彩的英文名称,对于英语比较差的人来说,可能是一种糟糕的体验。二是色彩值表示不精确。比如色彩代码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.5);这句代码的意思就是纯蓝色彩,0.5的不透明度。
闇练控制以上几种办法,就足以敷衍网站设计过程中关于色彩的设置,欲望可以或许帮到大年夜家。