<div>A box with a really nice dashed border</div>

<style>
  div {
    background-image: url("data:image/svg+xml;utf8,<svg width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' fill='none' rx='8' ry='8' stroke='%23d8dee4' stroke-width='1.5' stroke-dasharray='8, 8' stroke-dashoffset='4' stroke-linecap='round' style='width: calc(100% - 3px); height: calc(100% - 2px); transform: translateY(1px) translateX(1px);' /></svg>");
    padding: 32px;
    border-radius: 8px;
    width: 400px;
  }
</style>