|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
使页面的字体变得更漂亮,更容易编排,使页面真正赏心悦目。
<P>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
比方:topleft,lefttop和0%0%都暗示图形左上角从元素框左上角入手下手
例子:
Body{background-image:url(logo.gif);background-position:50%50%}
这个语句将Body基础类设置为背景图形在页面上居中显现。
7、background
功效:简写属性,能够设置一切背景属性。
数值:
background-attachment
background-color
background-image
background-position
background-repeat
有打开述数值的细节,见各个属性部分。
所有的设计第一步就是构思,构思好了。 |
|