多语言展示
当前在线:480今日阅读:167今日分享:16

CSS颜色的定义和几种用法详解

在CSS中,有几种设置颜色的方式和用法,能够用不同的方式给HTML设置相同的背景,具体的实例通过如下步骤来实现。
工具/原料
1

CSS相关知识

2

UE编辑器,HTML基础知识

方法/步骤
1

使用#f00来设置颜色值,这个就是rgb16进制来表示颜色,具体实现的代码如下所示: CSSdiv定位

  如下图,可以看到即使使用#F00也使得显示的背景颜色为红色。

2

使用#FF0000来设置颜色,,第一个字节红色,第二个自己绿色,第三个字节蓝色,具体实现的代码如下: CSSdiv定位

  可以发现使用FF0000也设置成背景颜色为红色了,其实F00是ff0000的缩写,这两种写法在程序设计中都可以使用。

3

使用英文来设置背景的颜色,这里可以使用英文来设置背景颜色,具体实现的代码如下: CSSdiv定位

  如下图,可以看到具体的执行效果了。

4

使用rgb来设置颜色的值,具体实现的代码如下: CSSdiv定位

  如下图,可以看到使用rgb(255,0,0)设置的颜色也是红色的。

5

还可以使用RGB百分比来设置背景颜色,具体的代码如下: CSSdiv定位

  如下图可以看到具体的执行效果,这个有的浏览器不支持。

注意事项

颜色设置方式比较多,比较简单

推荐信息