桂林网站seo溧阳市城乡建设局网站
目录
第一章 前言
第二章 使用
第三章 实战
第一章 前言
Lorem Picsum 是一个免费的图片占位符服务，可以用于网站、应用程序或任何需要占位符图片的地方。它提供了一个简单的 API，可以通过 HTTP 请求获取随机图片，也可以指定特定的图片大小和其他参数。方便我们前端开发时布局、排版、样式处理！
第二章 使用
- 官网
https://picsum.photos/
- 使用方法
1、随机生成一张宽*高 200*300px 的图片：
https://picsum.photos/200/3002、随机生成一张宽*高 200*200px 的图片：
https://picsum.photos/2003、处理浏览器缓存策略，一次生成多张不同的 宽*高 200*300px 的图片：
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head><body><h3>获取指定宽度和高度的图片</h3><img src="https://picsum.photos/200?1" alt=""><img src="https://picsum.photos/200?2" alt=""><img src="https://picsum.photos/200?3" alt=""><img src="https://picsum.photos/200?4" alt=""><img src="https://picsum.photos/200?5" alt=""><img src="https://picsum.photos/200?6" alt=""><img src="https://picsum.photos/200?7" alt=""><img src="https://picsum.photos/200?8" alt=""><img src="https://picsum.photos/200?9" alt="">
</body></html>第三章 实战
【css特效】：实现背景色跟随图片相近色处理