实训第二周第一天

盒子模型的基本组成：

内容（content）：可以设置内容的宽和高
内边距（padding）：位于内容和边框之间的空间，用于控制内容与边框之间的距离。
边框（border）：环绕在内边距和内容周围的线条，用于区分不同的元素。
外边距（margin）。

背景图片：

1.设置背景图片：

body {
    background-image: url('your-image-url.jpg');
}
使用url()函数指定图片的路径。

2.调整背景图片的大小：

background-size: 控制图片的尺寸。cover将图片等比例缩放以完全覆盖元素，contain将图片等比例缩放以完全显示在元素内。

3.设置图片的位置：
background-position: 控制图片在元素中的位置。可以使用top, bottom, left, right, center等关键词，也可以使用像素值或百分比来精确定位。

4.控制背景图片的重复：
background-repeat: 控制图片是否重复以及如何重复。默认是repeat，即在水平和垂直方向上都重复。其他选项包括no-repeat, repeat-x, repeat-y。

5.设置背景图片的颜色：

background-color: 设置背景颜色，这将在背景图片不可见时显示。
 

6.简写属性：
你可以使用background简写属性来一次性设置上述所有背景属性。