Dynamic Dummy Image Generator动态虚拟图像生成器

介绍

umy Image 网站是一个可以帮助前端设计师设定占位图片的在线工具,可以按照你设定的大小生成出一个图片占位符,用以填充网页设计上的图片,充实网页模版内容,更直观的查看网页设计模版的整体效果。

用法

进入官网https://dummyimage.com/
在地址栏内一这种格式输入你想要的图片
https://dummyimage.com/2000x900/e91e63/fff
2000900是宽x高若只有一个数字则生成正方形,需要注意中间是小写的x不是号,且尺寸必须作为第一个参数;
e91e63、fff是颜色
背景颜色/文字颜色
颜色表示为十六进制代码(#ffffff为白色)
颜色总是遵循尺寸,https://dummyimage.com/250/ffffff/000000不是https://dummyimage.com/ffffff/250/000000
第一种颜色始终是背景颜色,第二种颜色是文本颜色。
背景颜色是可选的,默认为灰色(#cccccc)
文本颜色是可选的,默认为黑色(#000000)

例子

Dynamic Dummy Image Generator动态虚拟图像生成器_第1张图片

你可能感兴趣的:(虚拟图像生成,css)