JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<head>
<title></title>
<style type="text/css">
<!--
.block {
width: 80%;
    margin: 20px;
    padding: 20px;
height: 200px;
color: #000;
border: 2px dashed #CDCDCD;
border-radius:3px;
    
}
-->
</style>
</head>
<body>
<div class="block">
блок с границей из изображения  (на момент выхода статьи  полностью  свойство border-image не поддерживается браузерами, а частично  поддерживается только Opera 10.5 и выше).
</div>
</body>
</html>