CSS之背景的填充范围
1.资料：CSS
2.1 进⾏了更正：元素的背景是内容、内边距和边框区的背景
2.也就是说背景颜⾊，background-color：这些会填充内边距和边框border, ⽽不会填充外边框margin的部分
3.CSS背景图⽚的填充范围和填充位置
3.1  如果不设置repeat属性的话，默认会图⽚重复的⽅式填充整个元素内容+padding部分(margin不包括)
3.2  如果设置了background-position的话，⽐如 top right(右上) 也就是img会顶到右上⾓的padding最边部
  3.3 让背景图⽚居中，尽量⽤background-posintion:center，不要⽤百分⽐50% 50%
PS：这会导致图像适当放置，其中⼼与其元素的中⼼对齐。换句话说，百分数值同时应⽤于元素和图像。
也就是说，图像中描述为50% 50% 的点（中⼼点）与元素中描述为 50% 50% 的点（中⼼点）对齐。
3.4 具体的调整背景图⽚的位置，可以⽤position配合具体的数值单位，⽐如px这些（⽅法是第⼀个参数为右，第⼆个为下）
⽐如，如果设置值为 50px 100px，图像的左上⾓将在元素内边距区左上⾓向右 50 像素、向下 100 像素的位置上：
body
{
background-image:url('/i/eg_bg_03.gif');
background-repeat:no-repeat;
background-position:50px 100px;
}
3.5 背景图⽚和scroll滑动框的⾃适应
  background-attachment:fixed
padding是外边距还是内边距

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。