欢迎大家赞助一杯啤酒🍺 我们准备了下酒菜:Formal mathematics/Isabelle/ML, Formal verification/Coq/ACL2, C++/F#/Lisp
CSS/tutorials/lesson3
来自开放百科 - 灰狐
(版本间的差异)
(以内容'{{top news}} ==第3课:颜色与背景== 本课,你将学习如何在网站上应用颜色与背景。我们还会介绍用于定位和控制背景图像的高级方...'创建新页面) |
(→color) |
||
第13行: | 第13行: | ||
==color== | ==color== | ||
+ | 前景色:‘color’属性 | ||
+ | |||
+ | CSS属性color用于指定元素的前景色。 | ||
+ | |||
+ | 例如,假设你要让页面中的所有标题(headline)都显示为深红色,而这些标题采用的都是h1元素,那么可以用下面的代码来实现把h1元素的前景色设为红色。 | ||
+ | |||
+ | h1 { | ||
+ | color: #ff0000; | ||
+ | } | ||
+ | |||
+ | [[Image:icon-example.gif]] [http://demo.huihoo.com/css/tutorials/lesson3-ex1.html 显示示例] | ||
+ | |||
+ | 颜色值可以用十六进制表示(比如上例中的#ff0000),也可以用颜色名称(比如“red”)或RGB值(比如rgb(255,0,0))表示。 | ||
+ | |||
==background-color== | ==background-color== | ||
==background-image== | ==background-image== |
2010年10月16日 (六) 02:07的版本
目录 |
第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-color
background-image
background-repeat
background-attachment
background-position
background
<discussion>characters_max=300</discussion>
分享您的观点