多语言展示
当前在线:1296今日阅读:19今日分享:20

CSS3的背景图片

css3中背景图片插入的起始位置,裁剪,大小和阴影。
工具/原料

电脑,DW软件

方法/步骤
1

背景插入的起始位置:background-origin:border-box   从边框开始padding-box  默认content-box   从内容区域开始

2

背景图片的裁剪:background-clip:border-box   默认padding-box  从距离开始content-box   从内容区域开始no-clip  不裁剪

3

背景图片的大小:background-size:像素 / 百分比 / contain 容纳(碰到一边,就停止) / cover 覆盖(占满)

4

背景图片的滚动方式:background-attachment:fixed  跟随滚轮滚动scroll  默认

5

给背景图片添加阴影;

6

背景缩写:background:color image position/size repeat attachment clip origin

注意事项

背景图片大小:auto 默认,不变

推荐信息