2022年css新手上路(2)CSSHTML教程.docx

2022年css新手上路(2)CSSHTML教程用 CSS 你不但可以变更整个网页的背景你还可以限制元素的的背景，比如 P，DIV 等。这一节我们将要探讨的性质有color: 文字的颜色background-color: 背景颜色background-image: 背景图象background-repeat: 重复背景图象background-attachment: 是否冻结背景图象文字的颜色我们用 color 可以来确定文字，周边，以及横线的颜色 P.greentext {color: green} 请看下面的例子 这一行文字的颜色是绿色的背景的颜色背景的颜色可以由 background-color 来限制， 比如我们想叫一些文字段落的背景颜色为浅绿色的， P.greenbg {background-color: #CCEFCC} 请看下面的例子这一行的背景颜色是浅绿色的背景的图象我们不但可以给整个网页加个背景图象，我们还可以给其中一个元素加个背景图象，比如说我们给 P 的背景加上天空的背景 P.sky {background-image: url(./image/sky.jpg)} 请看下面的例子给元素背景加颜色或加图象使得我们能自由的强调一些我们想让大家留意的文字。而没有 CSS 我们只能变更整个网页的背景颜色或图象我们不但可以确定是否给背景加图象， 还可以确定是否让这个图象重复以及在哪个方向重复。比如我们只让图象在整个网页的竖直方向重复我们就可以去掉左边有个图象条的效果。 body {background-image: url(./image/cdbk009a.jpg); background-repeat: repeat-y} background-repeat 可以有这些可能值：no-repeat, repeat-x, repeat-y我们还可以用 background-attachment 来确定当别人阅读你的网页的是否让背景图象随着内容一起滚动。比如我们假如不让背景图象动， body {background-image: url(./image/cdbk009a.jpg); background-attachment: fixed} 这特性质挺有意思的。 假如你的背景图象是你自己网页的logo， 你想让它固定在中间不动， 用这特性质可以达到这个效果