JAVA 图片在方框中不平铺_css如何让图片不平铺？

在CSS中，可以设置背景图片，默认是重复平铺的。那么如何让图片不平铺？下面本篇文章就来给大家介绍一下，希望对大家有所帮助。

在CSS中，可以通过background-repeat属性来让图片不平铺。background-repeat属性定义了图像的平铺模式，设置该属性的值为no-repeat即可实现图片背景不平铺。

background-repeat 属性定义了图像的平铺模式，设置是否及如何重复背景图像。默认地，背景图像在水平和垂直方向上重复。

属性值：repeat：沿水平竖直两个方向平铺，这也是默认值

no-repeat：不平铺，即只显示一次

repeat-x：只沿水平方向平铺

repeat-y：只沿竖直方向平铺

背景图像的位置是根据 background-position 属性设置的。如果未规定 background-position 属性，图像会被放置在元素的左上角。

示例：

未设置平铺方式

.box {

border: 1px solid #093;

width: 800px;

height: 800px;

background: url(2.jpg);

}

hello word

效果图：

2、设置图片不平铺

.box {

border: 1px solid #093;

width: 800px;

height: 800px;

background: url(2.jpg)no-repeat;

}

hello word

效果图：

更多CSS相关知识，可访问 CSS教程 ！！