CSS/tutorials/lesson3

第3课：颜色与背景

本课，你将学习如何在网站上应用颜色与背景。我们还会介绍用于定位和控制背景图像的高级方法。本课将对下列CSS属性进行讲解：

• color 前景色
• background-color 背景色
• background-image 背景图像
• background-repeat 平铺背景图像
• background-attachment 固定背景图像
• background-position 放置背景图像
• background 缩写

color

前景色：‘color’属性

CSS属性color用于指定元素的前景色。

例如，假设你要让页面中的所有标题（headline）都显示为深红色，而这些标题采用的都是h1元素，那么可以用下面的代码来实现把h1元素的前景色设为红色。

h1 {
color: #ff0000;
}

显示示例

颜色值可以用十六进制表示（比如上例中的#ff0000），也可以用颜色名称（比如“red”）或RGB值（比如rgb(255,0,0)）表示。

background

<discussion>characters_max=300</discussion>