Deve ser basicamente um contorno do quadrado ou círculo - que eu possa estilizar de acordo (ou seja, alterar a cor para o que eu quiser, alterar a espessura da borda etc.)

Gostaria de aplicar esse círculo ou quadrado sobre outra coisa (como uma imagem ou algo) e a parte do meio deve ser escavada, para que você possa ver a imagem abaixo do quadrado ou do círculo.

Eu preferiria que fosse principalmente CSS + HTML.