1、固定背景图片,不跟随滚动条滚动
background-attachment:fixed;
2、指定背景的显示范围
background-clip:border-box | padding-box | content-box | text
分别是:从border区域(不含border)开始向外裁剪背景
从padding区域(不含padding)开始向外裁剪背景
从content区域开始向外裁剪背景
从背景内容(比如文字) 的形状作为裁剪区域向外裁剪,使用该属性值可以实现使用背景作为填充色之类的遮罩效果、
3、指定背景图片的尺寸
background-size
:length | percentage | atuo | conver | contain
分别是:两个或一个值,如果是一个值为宽度值,图像将进行等比例缩放,否则就是宽度值和高度值,
:0%-100%
:背景图片的原始尺寸
:将背景图片等比例放到完全覆盖容器,背景图片可能超出容器。
:等比例缩放到高度或宽度与容器的一样,背景图片始终在容器内
CSS3中新增了用于设置边框图片、圆角半径、块阴影、和倒影属性
1、设置边框的线宽
border-width: medium thin thick lenth;
:默认 小于默认的细框线 大于默认宽度的粗框线 通过像素值指定边框的宽度(上 右 下 左)
2、设置边框的样式
border-style
3、设置边框图片的属性
border-image
4、设置圆角半径的属性
border-radius
background-attachment:fixed;
2、指定背景的显示范围
background-clip:border-box | padding-box | content-box | text
分别是:从border区域(不含border)开始向外裁剪背景
从padding区域(不含padding)开始向外裁剪背景
从content区域开始向外裁剪背景
从背景内容(比如文字) 的形状作为裁剪区域向外裁剪,使用该属性值可以实现使用背景作为填充色之类的遮罩效果、
3、指定背景图片的尺寸
background-size
:length | percentage | atuo | conver | contain
分别是:两个或一个值,如果是一个值为宽度值,图像将进行等比例缩放,否则就是宽度值和高度值,
:0%-100%
:背景图片的原始尺寸
:将背景图片等比例放到完全覆盖容器,背景图片可能超出容器。
:等比例缩放到高度或宽度与容器的一样,背景图片始终在容器内
CSS3中新增了用于设置边框图片、圆角半径、块阴影、和倒影属性
1、设置边框的线宽
border-width: medium thin thick lenth;
:默认 小于默认的细框线 大于默认宽度的粗框线 通过像素值指定边框的宽度(上 右 下 左)
2、设置边框的样式
border-style
3、设置边框图片的属性
border-image
4、设置圆角半径的属性
border-radius