全面了解CSS内置颜色(color)值

时间:2008-11-19 12:26:00 

css可以处理16,777,216颜色,可以使用名字、rgb值或十六进制代码。

red红色等同于

 rgb(255,0,0)
       rgb(100%,0%,0%)
       #ff0000

#f00有17个预先确定的颜色,它们是:

aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, 
  olive, orange, purple, red, silver, teal, white, and yellow.

transparent 也是一个正确的值。rgb的三个值都是从0到255,0是最低级,255是最高级,这些值同样可以是百分比。

我们通常使用10进制即0-9,但hexadecimal使用16进制,即0到f。

十六进制三或六个数字长度前面带上#字符,三个长度是六个的压缩形式,比如#f00是ff0000的压缩,#c96是#cc9966。三位数很好理解,像rgb,第一个是红色,第二个是绿色,第三个蓝色。但六位数给于更多的颜色控制。

color和background-color颜色可以使用color和background-color,是美国英语中"color"不是"colour"。

蓝色背景,黄色文字:

h1 {
       color: yellow;
       background-color: blue;
       } 

这些颜色可能比较粗糙,你可以使用另外的色度:

body {
    font-size: 0.8em;
    color: navy;
}
h1 {
    color: #ffc;
    background-color: #009;

你可以看到h1已经变成黄色和蓝色,color和background-color可以使用在绝大部分html元素,包括body。

标签:颜色,css,color
0
投稿

猜你喜欢

  • 8个js表单验证函数

    2007-10-28 19:19:00
  • 浅析Python四种数据类型

    2021-02-19 11:11:03
  • ORACLE应用经验(1)

    2010-07-31 12:53:00
  • Pyqt5 实现跳转界面并关闭当前界面的方法

    2023-02-02 13:59:19
  • ASP trim,ltrim,rtrim 去前后空格 函数

    2011-03-03 10:39:00
  • css学习笔记: css新闻列表的特殊做法

    2009-07-19 14:25:00
  • Python实现aes加密解密多种方法解析

    2021-05-13 01:36:53
  • python抢购软件/插件/脚本附完整源码

    2021-04-25 22:03:17
  • Go语言函数的延迟调用(Deferred Code)详解

    2024-02-19 13:16:19
  • uniapp实现微信H5扫码功能的完整步骤

    2024-04-10 16:21:04
  • 简单谈谈python中的Queue与多进程

    2021-06-13 04:16:45
  • Linux下Resin+JSP+MySQL安装和配置

    2009-09-01 10:38:00
  • Django实现学生管理系统

    2023-07-22 18:05:59
  • Python ArcPy实现批量拼接长时间序列栅格图像

    2021-09-07 18:48:53
  • pycharm如何为函数插入文档注释

    2023-09-13 09:53:56
  • sql中case语句的用法浅谈

    2024-01-28 07:52:37
  • pygame游戏之旅 计算游戏中躲过的障碍数量

    2022-02-13 19:09:16
  • sql查询表中根据某列排序的任意行语句

    2024-01-13 02:13:18
  • Python实现简单的四则运算计算器

    2022-12-29 20:44:08
  • php实现的一段简单概率相关代码

    2023-11-23 02:20:28
  • asp之家 网络编程 m.aspxhome.com