首页 > 代码库 > CSS Background
CSS Background
http://www.runoob.com/css/css-background.html
http://www.w3school.com.cn/css/css_background.asp
CSS 背景属性用于定义HTML元素的背景。
CSS 属性定义背景效果:
- background-color
- background-image
- background-repeat
- background-attachment
- background-position
背景颜色
background-color 属性定义了元素的背景颜色.
CSS中,颜色值通常以以下方式定义:
- 十六进制 - 如:"#ff0000"
- RGB - 如:"rgb(255,0,0)"
- 颜色名称 - 如:"red"
body {background-color:#b0c4de;}h1 {background-color:#6495ed;}p {background-color:#e0ffff;}div {background-color:#b0c4de;}
背景图像
background-image 属性描述了元素的背景图像.
默认情况下,背景图像进行平铺重复显示,以覆盖整个元素实体.
body {background-image:url(‘paper.gif‘);}
背景图像 - 水平或垂直平铺
默认情况下 background-image 属性会在页面的水平或者垂直方向平铺。
background-repeat:repeat-x; //只在横轴方向重复
background-repeat:repeat-y; //只在纵轴方向重复
background-repeat:repeat; //默认的应该是这个,横轴和纵轴方向都进行重复
background-repeat:no-repeat; //不重复
background-repeat:space; //横轴和纵轴方向都重复,但是图片重复的时候,会加空格。最后形成网状的效果
背景图像- 设置定位与不平铺
background-repeat:no-repeat;
background-position:right top;
CSS Background
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。