最近在学习新技能的时候，发现了一个图片占位符工具，感觉挺好用的，分享给大家，这个工具就是 placehold.it。用法很简单，只需要在 placehold.it 的 URL 后面加上图片尺寸和颜色的参数，就可以快速生成美观的占位图啦。如
<img src="http://placehold.it/400x200/">
效果为：
<img src="http://placehold.it/400x150/ff3333/ffffff">
效果为：
<img src="http://placehold.it/500x200/eeee00/000000?text=placeholder picture">
效果为：
主要有以下参数：
第一个参数是图片尺寸，在 URL 后添加 width x height 即可。如
<img src="http://placehold.it/700x200/">
效果为：
在尺寸参数后面是图片背景色 及文字颜色，在 URL 后继续添加 background-color / text-color
即可。使用16进制,不需要写 #。 如黑色背景白色文字
<img src="http://placehold.it/700x200/000000/ffffff">
效果为：
图片类型可以放在任意一项参数后面，默认为 gif 格式。如
<img src="http://placehold.it/700x200/000000.jpg/ffffff">
效果为：
最后一个参数是图片上显示的文字，在URL最后添加 ?text=placeholder 即可。空格可以用 + 表示。如
<img src="http://placehold.it/700x200/000000.jpg/ffffff?text=placeholder">
效果为：
