Create Outlined Div Boxes (see-through) with Arrows and Pointers, Using CSS

Here's how to create and style just the outline of a div box (see-through) complete with arrows / pointers. This technique uses only basic HTML and CSS. No JavaScript required. Code snippet for this effect is in the comments section below.