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"。
蓝色背景,黄色文字:
css 代码
- h1 {
- color: yellow;
- background-color: blue;
- }
这些颜色可能比较粗糙,你可以使用另外的色度:
css 代码
- body {
- font-size: 0.8em;
- color: navy;
- }
- h1 {
- color: #ffc;
- background-color: #009;
- }
你可以看到h1
已经变成黄色和蓝色。
color
和background-color
可以使用在绝大部分html元素,包括body
。
分享到:
相关推荐
CSS初级教程包括:CSS语法,CSS颜色,CSS文本与CSS字体,CSS边框,CSS列表等基础知识. CSS高级教程包括:CSS选择符,CSS相关特性,CSS盒模式,标准网页设计与页面排版,CSS伪类与伪元素等. 通过梦之都的CSS教程,你将学会怎样...
第一章 CSS简介 第二章 CSS入门例子 第三章 CSS语法 第四章 CSS颜色 第五章 CSS背景 第六章 CSS文本 第七章 CSS字体 第八章 CSS边框 第九章 CSS边外补白 第十章 CSS边内补白 第十一章 CSS属性索引
CSS3部分主要介绍了CSS3概述,CSS选择器,文本、字体与颜色,背景和边框,2D变形,设计动画,网页布局、用户界面以及CSS3的其他新特性。 内容涵盖了HTML5+CSS3的所有重要特性,通过大量实际案例对HTML5+CSS3的重要...
《HTML5+CSS3网站布局应用教程》语言通俗易懂,案例丰富多彩,知识全面、指导性强,既可作为初学者入门书籍,也能帮助中级读者提高技能。适合前台Web设计人员、前端开发人员、网站建设及网络开发人员以及对HTML 5与...
前端开发入门教程 一、前言 前端开发是构建和呈现网页或应用程序用户界面(UI)的过程。它涉及到HTML、CSS和JavaScript的使用,以及与浏览器、服务器和其他前端技术的交互。本教程将帮助你入门前端开发,从基础...
学习网页制作,html,css入门的好资料……绝对给力,这也是我学习的教程!资料齐全,一定是您学习的好资料!!!
使用选择器是件美妙的事 id的名称是控制某一内容块的手段,通过给这个内容块套上DIV并加上唯一的id,你就可以用CSS选择器来精确定义每一个页面元素的外观表现,包括标题、列表、图片、链接或者段落等等
CSS 背景 CSS 背景属性用于定义HTML元素的背景。 CSS 属性定义背景效果: background-color ...CSS中,颜色值通常以以下方式定义: 十六进制 – 如:”#ff0000″ RGB – 如:”rgb(255,0,0)” 颜色名称
不依赖javascript,直接使用纯css实现 svg 的描边绘制动画效果,效果演示动画。 基础知识: SVG中有个比较重要的属性分支 stroke ,中文软件中称为“描边”。和stroke相关的属性还有下面这些: 1、 stroke 表示...
现在要来探讨四种把CSS应用到文档上的不同做法,每个方法都有自己的优缺点,根据情况而定,四种方法都有可能是最佳选择.这边示范的每个方法都是用了合法的XHTML 1.0 Transitional 语法结构,标签以及配置. 新建一个前端...
CSS3 教程 CSS 用于控制网页的样式和布局。 CSS3 是最新的 CSS 标准。 本教程向您讲解 CSS3 中的新特性。 ...CSS3 参考手册 在软件开发网中,我们提供完整的 CSS3 参考手册,包括所有属性和选择器...CSS 颜色参考手册
HTML和CSS结合入门. 在上面的例子中,我们首先在页面内放了一个class为box的div,而在它的内部又放了一个class为boxhead的div。为了便与观察,我们为div添加了背景颜色。下面我们来看看对这两个div定义的前面教程中...
4、附带测试数据、安装教程、入门教程、安全及备份教程。5、后台直接修改联系方式、传真、邮箱、地址等,修改更加方便。 配置需求:语言程序:PHP + SQLite,前端规范:html+css+jQuery,设备支持:PC端+手机端。 ...
CSS边框属性允许你指定一个元素边框的样式和颜色。 在四边都有边框 红色底部边框 圆角边框 左侧边框带宽度,颜色为蓝色 边框样式 边框样式属性指定要显示什么样的边界。 border-style属性用来定义边框的...
CSS3 渐变(gradients)可以让你在两个或多个指定的颜色之间显示平稳的过渡。 以前,你必须使用图像来实现这些效果。但是,通过使用 CSS3 渐变(gradients),你可以减少下载的时间和宽带的使用。此外,渐变效果的...
CSS 轮廓(outline) 轮廓(outline)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。...CSS outline 属性规定元素轮廓的样式、颜色和宽度。 所有CSS 轮廓(outline)属性 “CSS
4、附带测试数据、安装教程、入门教程、安全及备份教程。 5、后台直接修改联系方式、传真、邮箱、地址等,修改更加方便。 配置需求 语言程序:PHP + SQLite 前端规范:html+css+jQuery 设备支持:PC端+手机端 程序...
4、附带测试数据、安装教程、入门教程、安全及备份教程。 5、后台直接修改联系方式、传真、邮箱、地址等,修改更加方便。 配置需求 语言程序:PHP + SQLite 前端规范:html+css+jQuery 设备支持:PC端+手机端 程序...