图片占位符工具placehold.it

最近在学习新技能的时候，发现了一个图片占位符工具，感觉挺好用的，分享给大家，这个工具就是 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">

效果为：

主要有以下参数：

1. 第一个参数是图片尺寸，在 URL 后添加 width x height 即可。如

       <img src="http://placehold.it/700x200/">
   

   效果为：
   
2. 在尺寸参数后面是图片背景色 及文字颜色，在 URL 后继续添加 background-color / text-color
   即可。使用16进制,不需要写 #。 如黑色背景白色文字

   <img src="http://placehold.it/700x200/000000/ffffff">
   

   效果为：
   
3. 图片类型可以放在任意一项参数后面，默认为 gif 格式。如

   <img src="http://placehold.it/700x200/000000.jpg/ffffff">
   

   效果为：
   
4. 最后一个参数是图片上显示的文字，在URL最后添加 ?text=placeholder 即可。空格可以用 + 表示。如

   <img src="http://placehold.it/700x200/000000.jpg/ffffff?text=placeholder">
   

   效果为：