相关文章
网站制作CSS制作水平导航菜单效果
北京网站制作目录生成规则BUG一处,及修复
北京网站设计HTML-加速、再加速(下)
北京网站设计使用Web标准建站第10天:自适应高度
网站制作新手学堂:DreamweaverMX技巧之超链接
网站制作教程/dreamweaver/提高 表格妙用-线框制作详解(2)
网页设计Flash 8 少为人知的特性!
www.qitongnet.comdreamweaver mx教程二十四:定义链接的各种状态
企通互联如何用Dreamweaver批量做web网页
www.qitongnet.com在Dreamweaver中设置网页状态栏信息
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置:首页 >> 网站制作 >> 网站制作北京网站建设CSS语法手册(五)颜色和背景属性
网站制作北京网站建设CSS语法手册(五)颜色和背景属性
功能:设置前景或元素的颜色。网站制作
数值:使用颜色关键字或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-attachment网页设计
background-color网站制作
background-image北京网站设计
background-position网站制作
background-repeat 企通互联网站建设
有关上述数值的细节,见各个属性部分。