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代表 字符粗细