css

css 如何让背景图片不拉伸均匀填充

发布于 2020-04-06 17:54:58

比如一个容器(body,div,span)中设定一个背景。这个背景的长宽值在css2.1之前是不能被修改的。但是在CSS3中已经解决了这个问题,首先需要设置背景图片路径,然后设置背景填充不重复,还有背景对齐方式基础代码如下:

background-repeat: no-repeat;background-position: center center;background-image: url(../images/aa.jpg);

下面举几个例子:

1、背景填充铺满即可,自动适应代码如下:

background-size:cover;

2、背景填充100%或者是像素都可以:

background-size:100%;  background-size:200px;
0 条评论

发布
问题