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 默认,不变
下一篇:古风人物身体的画法教程