[分享]css中background背景图

CSS是网页设计中必不可少的一部分，其使用背景图来增加网页的美观度和排版效果。其中background属性包括background-image、background-position、background-size等多个参数。

background-image:url('背景图URL');
background-position:center;
background-size:cover; 

background-image用来指定背景图的路径，可以用相对路径或绝对路径。而background-position则用来设置背景图的位置，可以使用top、bottom、left、right或百分比值等。例如，使用center将图像居中显示。background-size用来控制背景图的大小，cover可完全覆盖背景区域，保持纵横比同时自适应。

background-image:url('background.png');
background-repeat:no-repeat;
background-position:left top;
background-size:cover; 

background-repeat则控制背景图是否平铺，如repeat、repeat-x、repeat-y和no-repeat等。同时可以使用background-color设置背景颜色。

background-color:#f2f2f2; 

总的来说，背景图的运用可以大大提升网页的美观度和视觉效果，合理使用background属性更能让网页设计达到更好的效果。