base64 灰白图片

base64纯白色图片 10x10.png

白色背景色

base64灰色图片 10x10.png

背景色

<style>
  .main-base64{
    width: 100%;
    padding: 60px 0;
  }
  .main-base64 .base64-white {
    width: 100px;
    height: 100px;
    margin-top: 10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAADUExURf///6fEG8gAAAAKSURBVAjXY2AAAAACAAHiIbwzAAAAAElFTkSuQmCC);
    box-shadow: 0 0 10px #000;
  }
  .main-base64 .base64-grey {
    width: 100px;
    height: 100px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC);
  }
</style>
<template>
  <div class="main-base64">
   <p>base64纯白色图片 10x10.png</p>
    <img width=10 height=10 style="box-shadow: 0 0 10px #000" src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAADUExURf///6fEG8gAAAAKSURBVAjXY2AAAAACAAHiIbwzAAAAAElFTkSuQmCC' />
    <div class="base64-white">白色背景色</div>
    <p>base64灰色图片 10x10.png</p>
    <img width=10 height=10 src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC">
    <div class="base64-grey">背景色</div>
  </div>
</template>

显示代码 复制代码 复制代码