当前位置：首页 -> 网页设计 -> HTML/CSS -> CSS语法手册（五）颜色和背景属性

CSS语法手册（五）颜色和背景属性

时间： 2021-07-31 作者：daque

1、color

功效：树立远景或元素的脸色。数值：运用脸色要害字或rgb值。例子：

文本脸色(要害字)

文本脸色(#rrggbb)

文本脸色[rgb(rr,gg,bb)]

文本脸色[rgb(r%,g%,b%)]

2、background-color

功效：树立页面或页面元素的后台脸色。数值：脸色 - 可用脸色名或rgb值transparent - 通明，使页面后台为缺省后台。例子：

后台脸色

3、background-image

功效：设置后台图形。数值：none - 不必图形作后台url - 供给图形文献的url地方证明：也不妨囊括background-color属性再不在找不到图形期间用例子：

图形后台

4、background-repeat

功效：遏制图形后台能否反复陈设。数值：repeat - 笔直和程度反复，缺省值repeat-x - 程度反复repeat-y - 笔直反复no-repeat - 不反复证明：这个属性和 background-image 和 background-position 属性一道运用。例子：

程度反复陈设

5、background-attachment

功效：指定元素的后台是随元素一道震动仍旧恒定在页面某个场所上。数值：scroll - 随元素一道震动fixed - 恒定证明：缺省值是 scroll，这个属性和 background-image 属性一道运用。

6、background-position

功效：用来在空间中定位元素后台数值：长度 - 对立或一致单元树立元素框边际的开始，并给出单元下的坐标。百分比 - 用百分比表白框边际上欣赏器发端放图的场所。不妨反复这个值也供给笔直和程度开始笔直场所 - 树立竖直目标的开始，要害字为 top, center, bottom程度场所 - 树立程度目标的开始，要害字 left, center, right比方：top left, left top和0% 0% 都表白图形左上角从元素框左上角发端例子：

body {background-image:url(logo.gif); background-position:50% 50%}

这个语句将 body 基础类树立为后台图形在页面上居中表露。

7、background

功效：简写属性，不妨树立一切后台属性。数值：background-attachmentbackground-colorbackground-imagebackground-positionbackground-repeat相关上述数值的详细，见各个属性局部。