1. 图片边框（border-image）： 允许你使用图片来创建元素的边框。
border-image: url('border-image.png') 30 30 round;
这个例子使用 border-image 将 border-image.png 应用到元素的边框上，设置了边框宽度为30像素，且使用 round 填充方式。
2. 图片边框切片（border-image-slice）： 指定边框图片的切片区域。
border-image-slice: 30 fill;
这个例子表示将图片边框切片为30像素，并使用 fill 来填充。
3. 图片渐变遮罩（mask-image）： 使用图片来创建遮罩效果。
mask-image: url('mask-image.png');
这个例子使用 mask-image 将 mask-image.png 应用为元素的遮罩。
4. 图片渐变（image())： 使用渐变图片作为背景或其他属性的值。
background: linear-gradient(to right, red, yellow), url('texture.png');
这个例子使用渐变图片和纹理图片作为背景。
5. 图片尺寸（object-fit）： 控制元素内图片的尺寸调整方式。
object-fit: cover;
这个例子表示将图片按比例放大或缩小，使其完全覆盖元素。
6. 图片显示模式（image-rendering）： 控制图片在放大或缩小时的显示质量。
image-rendering: pixelated;
这个例子表示以像素化的方式显示图片，适用于一些像素风格的设计。
7. 图片位置（object-position）： 控制元素内图片的位置。
object-position: 20% 50%;
这个例子表示将图片在元素内水平偏移20%，垂直偏移50%。
8. 图片混合模式（mix-blend-mode）： 控制元素内图片与其背景的混合模式。
mix-blend-mode: multiply;
这个例子表示使用 multiply 混合模式将图片与背景相乘。
这些属性可以单独或者组合使用，用于控制图片的外观和行为。它们提供了更多的灵活性，让开发者可以更好地样式化和处理页面中的图片。
转载请注明出处：http://www.zyzy.cn/article/detail/12570/CSS