图片占位符生成器holder.js的简单使用

holder.js用于网页的排版布局，它非常方便地自动生成占位图片，并定义样式

1.下载和引用holder.js到网页中

   下载：holder.js官网

2.在网页中直接调用

<img class="card-img-top" data-src="holder.js/100px112?
theme=gray&bg=#D15FEE&fg=eceeef&size=20&text=2D MAP" alt="Card image cap">

100px112代表宽度100%，112px
theme = grap 代表主题颜色，一共有6中默认主题：sky、vine、lava、gray、industiral、social
bg代表背景颜色
fg代表前景颜色或者字体颜色
size代表字体大小
text代表文本内容

另外其他的选项：
auto=yes代表 占位图片在缩放时，依然保持固定的长宽比
font:=Monaco代表字体
fontweight= normal代表 字符粗细