图片占位符工具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">

效果为：

主要有以下参数：

第一个参数是图片尺寸，在 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">
```
效果为：

图片占位符工具placehold.it相关推荐

你会用PPT中的图片占位符吗？超级好用，不错的技能
在设计PPT的时候,或许大部分人都不离开图片的使用,不论是使用下载的素材还是自己设计的PPT,都有图片的存在. PPT中的图片能增加页面的设计感和场景感,比如下面这些案例中的图片使用. 但是,这时就会 ...
html图片占位符怎么设置,使用CSS3 Gradients创建图片占位符
最典型的问题是在画册制作中,没有显示出足够多图片: 解决方案有很多种,你可以在后面直接留空白区域:你也可以添加额外的html标签作为占位符.第一种方案觉得还可以,但第二种解决方案感觉会让你的代码不干净 ...
Mybatis日志参数快速替换占位符工具
Mybatis log printf工具网页地址: http://www.feedme.ltd/log.html Mybatis执行的sql的打印格式为: 2020-08-04 09:16:44 -D ...
图片占位符生成器holder.js的简单使用
holder.js用于网页的排版布局,它非常方便地自动生成占位图片,并定义样式 1.下载和引用holder.js到网页中下载:holder.js官网 2.在网页中直接调用 <img class ...
【java spring boot使用easypoi实现word文档占位符替换文字和图片、Excel图片贴到对应单元格】
最近接到一个任务,写两个导出工具:1.word文档导出,将数据和图片放入到word中,将多个word合并为一个导出.2.Excel文档导出,将二维码信息和图片按照模板放入到Excel中,按9个一页排版 ...
html lorem占位符,10 个优秀的占位图片（Placeholder Image）生成工具 - 文章教程
在开发网站时,通常需要填充一些图片来预览页面效果,如果没有合适的素材,这时我们就需要占位图片,通过 URL 定制形如 sitename.com/width/height 的地址就可以得到一个随机的占位 ...
Android开发技巧--Application, ListView排列,格式化浮点数,string.xml占位符,动态引用图片...
一. Application用途 1. Application用途创建Application时机 : Application在启动的时候会调用Application无参的构造方法创建实例; Appl ...
【Android 应用开发】Android开发技巧--Application, ListView排列,格式化浮点数,string.xml占位符,动态引用图片
一. Application用途 1. Application用途创建Application时机 : Application在启动的时候会调用Application无参的构造方法创建实例; Appl ...
Java占位符替换工具类
import java.util.HashMap; import java.util.Map; import org.slf4j.Logger; import org.slf4j.LoggerFact ...

图片占位符工具placehold.it

图片占位符工具placehold.it相关推荐

最新文章

热门文章