[分享]css两边的背景图片

CSS中可以通过background属性设置页面背景，背景可以是单色、渐变色、图片等。在设置背景图片的时候，我们可以通过以下两种方式设置。backgroundimage: url("imag...

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值来放置图片，所以图片的位置是在元素的内部。

通过这两个不同的方式设置背景图片，可以满足不同的设计需求，让页面更加美观。