Пунктирная рамка
by pharma_nsk
HTML
<body>
<div class="block">
<svg version="1.1" id="Слой_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="370" height="100">
<g><path class="st0" d="M 350,80 H 21.5 c -5.8, 0 -10.5, -4.7 -10.5, -10.5 V 20.5 C 11, 14.7, 15.7, 10, 21.5, 10 H 349.1 c 5.8, 0 10.5 4.7 10.5 10.5 V 69.5 c 0, 5.8 -4.7, 10.5 -10.5, 10.5 z "/></g>
</svg>
</div>
</body>CSS
body {background-color:white; font-family:sans-serif; padding:0px; font-size:11px;}
.block {display:block; width:370px; height:90px; margin:20px auto; border-radius:25px; padding:5px; background-color:#FF003C; box-shadow: 1px 1px 2px 1px rgba(168,168,168,.7);}
.st0{fill:#FF003C; stroke:white; stroke-linejoin:round; stroke-dasharray:6, 6;stroke-width:2}