1.边界距:两个元素之间边框的距离

css之背景 | padding | 背景图片 | 位置

可以分别指定上右下左;如果写margin:一个值,就是上右下左的边界距都是一个值。

举例:

css之背景 | padding | 背景图片 | 位置

css之背景 | padding | 背景图片 | 位置

css之背景 | padding | 背景图片 | 位置

tip:不写margin的话默认就会是0px,就是不加边界距,就是原来图片的位置

2.填充属性:边框内空间的大小

css之背景 | padding | 背景图片 | 位置

举例:

css之背景 | padding | 背景图片 | 位置

css之背景 | padding | 背景图片 | 位置

css之背景 | padding | 背景图片 | 位置

3.对任何元素指定背景图片

css之背景 | padding | 背景图片 | 位置

tips1:找图片的网址,图片右键属性->地址

4.设定背景图片的重复方式:

css之背景 | padding | 背景图片 | 位置

 默认是重复的

举例:

css之背景 | padding | 背景图片 | 位置

 

 css之背景 | padding | 背景图片 | 位置

css之背景 | padding | 背景图片 | 位置

5.背景附着:

css之背景 | padding | 背景图片 | 位置

举例:

css之背景 | padding | 背景图片 | 位置

css之背景 | padding | 背景图片 | 位置

css之背景 | padding | 背景图片 | 位置

css之背景 | padding | 背景图片 | 位置

6.背景定位(用于背景图片):

css之背景 | padding | 背景图片 | 位置

举例:

css之背景 | padding | 背景图片 | 位置

css之背景 | padding | 背景图片 | 位置

离上边100px,离左边100px:

css之背景 | padding | 背景图片 | 位置

 

相关文章:

  • 2021-12-06
  • 2021-09-02
  • 2021-10-02
  • 2022-01-04
  • 2021-11-22
  • 2021-12-23
  • 2022-12-23
猜你喜欢
  • 2021-11-24
  • 2021-09-27
  • 2021-12-06
  • 2022-02-07
  • 2022-02-07
  • 2022-02-07
  • 2021-12-16
相关资源
相似解决方案