您现在的位置:首页 >> 前端 >> 内容

background属性有哪些?background属性怎么使用?

时间:2017/3/2 10:00:00 点击:

  核心提示:background属性有哪些?background属性怎么使用?background-color 规定使用的背景颜色background-position 规定背景图像的位置top left, to...

background属性有哪些?background属性怎么使用?

background-color 规定使用的背景颜色

background-position 规定背景图像的位置

top left, top center,top right,

center left, center center,center right right left,right center ,right right

或者是%x %y,左上角是0% 0%,右下角是100% 100%

或者直接是像素位置

background-size :length,percentage,cover(把背景图像扩展至足够大,使背景图像完全覆盖背景区域),contain(把背景图像扩展至最大尺寸,使其宽度和高度完全适应内容区域)

background-repeate:规定如何重复背景图像 no-repeat,repeat-x,repeat-y,repeat,inherit

background-origin:规定background-position相对与什么位置来定位 padding-box,border-box,content-box

background-clip:规定背景的绘制区域 border-box ( 背景被裁剪到边框盒) padding-box( 背景被裁剪到内边距框) content-box( 背景被裁剪到内容框)

background-attachment: 定背景图像是否固定或者随着页面的其余部分滚动。scroll( 默认值。背景图像会随着页面其余部分的滚动而移动。) fixed ( 当页面的其余部分滚动时,背景图像不会移动。) inherit

Tags:BA AC CK KG 
作者:网络 来源:happyYYhy的