Bordes CSS afuera

[mbm150]

Hola,

seguro que buscando un poco en Google encuentras varios, pero de todas formas, es un simple efecto que se hace con CSS3:

Código CSS:

nav{
            display: block;
            position: relative;
            width: 500px;
            margin: 50px auto;
            background-color: #658fc4;
        }
        nav:before, nav:after{
            display: block;
            content: "";
            position: absolute;
            top: -10px;
            z-index: 1000;
            border: 5px solid;
        }
        nav:before{
            left: 0;
            border-color: transparent #000 #000 transparent;
        }
        nav:after{
            right: 0;
            border-color: transparent transparent #000 #000;
        }
 

Más o menos así.

Saludos.