title: HTML technique to create custom dotted borders on divs?
body: <p>Here is a screenshot example:</p>
  
  <p><img src="https://i.stack.imgur.com/yMiwK.png" alt="enter image description here"></p>
  
  <p>Notice the border around the container. How can I achieve this effect for a website?</p>
  
  <p>I've tried the following rule:</p>
  
  <pre><code>border: 1px dotted black;
  </code></pre>
  
  <p>And it results in:</p>
  
  <p><img src="https://i.stack.imgur.com/h0oaQ.png" alt="enter image description here"></p>