CSS中可以通过background属性设置页面背景,背景可以是单色、渐变色、图片等。在设置背景图片的时候,我们可以通过以下两种方式设置。background-image: url( image.jp
CSS中可以通过background属性设置页面背景,背景可以是单色、渐变色、图片等。在设置背景图片的时候,我们可以通过以下两种方式设置。
background-image: url("image.jpg"); background-repeat: no-repeat; background-position: top left;
上面的代码表示将一个名为image.jpg的图片作为背景,背景不重复,位置在左上角。这种方式是将图片设置为整个元素的背景。
background-image: url("image.jpg"); background-repeat: no-repeat; background-position: top left; padding: 20px;
上面的代码与第一种方式不同的是,它在设置了背景图片后,增加了20px的padding值。因为是使用padding值来放置图片,所以图片的位置是在元素的内部。
通过这两个不同的方式设置背景图片,可以满足不同的设计需求,让页面更加美观。
粉丝
0
关注
0
收藏
0