关注联楷|返回首页 | 网站案例 | 帮助中心

合作共赢、快速高效、优质的网站建设提供商

上海网站建设 

服务热线:021-61394118

上海联楷科技

网站CSS背景样式background属性

作者:佚名   时间:2014-03-15   分享到:

网站CSS中background属性

与各种字体属性一样,许多CSS2背景属性编写起来很麻烦,而且以后阅读时也会很困难。因此,与font属性一样,也要使用一个一般的background属性。

background属性能够以任何顺序接受任何或所有background-color、background-image、background-attachment、background-repeat和background-postion属性的值。发果没有为某些属性指定值,那些属性将被明确地设置为其默认值。因此:background:red

可以将background-color属性设置为红色,并把其他背景属性重设为默认值。在下面这个更复杂的示例中:

background: url(background/marble.gif) blue repeat-y fixed center

该代码一次设置了所有的背景图像和颜色属性,结果是在蓝色背景上放置了一个大理石图像(蓝色透过任何透明区域显示出来)。图像从内容显示区域的中央开始,在垂直方向上重复,而当用户滚动图像时,背景图像不会跟着滚动。注意,我们只用了一个位置值(center),浏览器将该值同时作为垂直和水平位置。

color属性

color属性设置的是标签内容的前景颜色(例如文本文字的颜色)。它的值可能是一种颜色名,也可能是一个十六进制的RGB组合,或一个十进制的RGB组合,下列内容都是有效的属性声明:

color: mauve

color: #ffddff

color: rgb(255.125.155)

color: rgb(100%,45%,54%)

一般来说,我们会对文本使用color属性,但是也可以用color来修该标签中的非文本内容。例如,下面的示例将产生一条绿色的水平分隔线:

hr{color: green}

如果没有指定元素的颜色,它将继承其父元素的颜色。



如没特殊注明,文章均为上海联楷网络原创,转载请注明来自:http://www.linksj.com/contact/20151229/n7335.html

上海联楷网络新闻