list-style-image: image-set();
时间: 2024-01-11 15:02:39 浏览: 171
imagelist显示图片
4星 · 用户满意度95%
`list-style-image: image-set()` 是一个 CSS 属性,用于为列表项设置自定义的标记图像。`image-set()` 函数允许您指定多个图像以及它们对应的不同分辨率,浏览器会根据设备的分辨率选择最佳的图像进行显示。
以下是 `list-style-image: image-set()` 的语法和示例:
```
ul {
list-style-image: image-set(url('marker-1x.png') 1x, url('marker-2x.png') 2x);
}
```
上述代码会为无序列表的每个列表项设置自定义的标记图像。`image-set()` 函数指定了两个图像,一个是 `marker-1x.png`,另一个是 `marker-2x.png`,它们分别适合不同的设备分辨率。当浏览器检测到设备分辨率为 1x 时,它会使用 `marker-1x.png`,而在设备分辨率为 2x 时,它会选择 `marker-2x.png` 进行显示。
阅读全文