Tengo que hacer un panel y en ciertas esquinas tengo que formar una tipo L como se muestra en la figura:
Tengo este código CSS:
.panel
{
width: 80%;
margin: 40px auto;
background-color: #fff;
border: 1px solid #ccc;
background-image: linear-gradient(#4848CD, #4848CD),
linear-gradient(#4848CD, #4848CD),
linear-gradient(#4848CD, #4848CD),
linear-gradient(#4848CD, #4848CD);
background-repeat: no-repeat;
background-size: 10px 38%, 15% 10px, 10px 38%, 15% 10px, calc(100% - 8px) calc(100% - 8px);
background-position: left bottom, left bottom, right top, right top, 4px 4px;
padding: 10px;
height: 400px;
}
Hasta el momento lo que tengo es que me forma la L correctamente pero la coloca dentro del panel y no como se ve en la imagen