css填充照片 |css3新增属性only

CSS填充照片指的是在保持照片比例不变的前提下，利用CSS将照片放大或缩小，直到完全填充指定的区域。

下面是一个简单的示例代码：

.photo {
width: 300px;   /*照片外框宽度*/
height: 200px;  /*照片外框高度*/
background-image: url("photo.jpg");
background-size: cover;
background-position: center;
}

在这段代码中，大家将照片显示在一个名为.photo的元素中。通过设置width和height属性，大家指定了该元素的大小，同时将照片作为该元素的背景图像。

接下来，大家使用background-size属性将照片按比例缩放以填充整个元素，使用background-position属性将照片居中显示。

使用CSS填充技术，可以有效地解决照片尺寸与布局不匹配的问题。同时，大家还可以通过调整width和height属性的值来控制照片的大小，从而达到更好的视觉效果。