CSS百分比

demo

by Mike Lin

HTML

<div class="border-container"></div>

CSS

.border-container{
  border: 1px dotted #ee3979;
  width: 400px;
  height: 200px;
  background-image: url(http://blogimages2016.oss-cn-hangzhou.aliyuncs.com/douBiPicture/douBi.jpg);
  background-repeat: no-repeat;
  background-position: 20% 100%;
}